A statically generated blog example using Next.js and dotCMS

This example showcases Next.js's Static Generation feature using dotCMS as the data source.

Demo

https://nextjs-dotcms-blog.vercel.app/

Deploy your own

Using the Deploy Button below, you'll deploy the Next.js project.

Related examples

• AgilityCMS
• Builder.io
• ButterCMS
• Contentful
• Cosmic
• DatoCMS
• DotCMS
• Drupal
• Enterspeed
• Ghost
• GraphCMS
• Kontent.ai
• MakeSwift
• Payload
• Plasmic
• Prepr
• Prismic
• Sanity
• Sitecore XM Cloud
• Sitefinity
• Storyblok
• TakeShape
• Tina
• Umbraco
• Umbraco heartcore
• Webiny
• WordPress
• Blog Starter

How to use

Rename .env.local.example to .env.local and complete the variables:

NEXT_PUBLIC_DOTCMS_HOST is the dotCMS host, you can use https://demo.dotcms.com DOTCMS_TOKEN for the demo site, you can generate the token using:

curl -H "Content-Type:application/json" --insecure  -X POST -d  '
{ "user":"[email protected]", "password":"admin", "expirationDays": 10 }
' http://demo.dotcms.com:8080/api/v1/authentication/api-token

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example cms-dotcms cms-dotcms-app

yarn create next-app --example cms-dotcms cms-dotcms-app

pnpm create next-app --example cms-dotcms cms-dotcms-app