Skip to content

Fedeorlandau/contentstack-nextjs-tailwind

Repository files navigation

Contentstack + Next.js + Tailwind CSS

Example project using Next.js with the Contentstack Delivery API, deployed to Vercel.

web

Live Example: https://contentstack-nextjs-tailwind.vercel.app/

Live Example: https://contentstack-nextjs-tailwind.vercel.app/test

Developing

Env variables

Remember to set up a .env file with your contentstack keys.

CONTENTSTACK_STACK_API_KEY=''
CONTENTSTACK_ENVIRONMENT=''
CONTENTSTACK_DELIVERY_TOKEN=''
CONTENTSTACK_REGION='NA'
NEXT_USE_SSR=1

If you want to enable SSG please set NEXT_USE_SSR=0

Once you've created a project and installed dependencies with `yarn`, start a development server:

yarn dev

# or start the server and open the app in a new browser tab
yarn dev -- --open

Building

yarn build

Content types

This starter kit relies on the following content models.

Page

Page content model

  • Title, short text.
  • Slug, short text
  • Components, References - many.

Hero

Hero content model

  • Title, short text.
  • Description, short text
  • CTA Text, short text
  • URL, short text

Lighthouse score

Lighthouse score

About

Contentstack + Nextjs + Tailwind starter kit

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published