This is a Next.js project bootstrapped with npx create-next-app@13.5.6.

Getting Started

Install npm packages

npm i

Create .env.local file (use .env.local.example and rename it) and add the needed env-values

CONTENTFUL_SPACE_ID=xxxx
CONTENTFUL_ACCESS_TOKEN=xxxx
CONTENTFUL_PREVIEW_ACCESS_TOKEN=xxxx
CONTENTFUL_MANAGEMENT_TOKEN=xxxx
CONTENTFUL_PREVIEW_SECRET=xxxx

import data to your contentful space

Check tutorial -> https://www.cloudapp.dev/nextjs14-complete-example-header-footer-tailwindcss-contentful-part3

or simply run this command after the creation of the .env.local file

npm run cf-import

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Or visit the testblog on vercel https://nextjs14-seo.vercel.app/

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

Test URL

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.