ched-dev / nextjs-netlify-cms-blog-portfolio-demo

A sample project for your blog or portfolio with Next.js and Netlify CMS

Next.js with Netlify CMS Demo

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

It also uses Netlify CMS to provide the content manager interface.

See package.json for versions of libraries

Getting Started

Initial install with

npm install
# or
yarn install

Run the development server:

npm run dev
# or
yarn dev

• Website UI: http://localhost:3000
• Content Admin UI: http://localhost:3000/manager

Included Features

Next.js Additions

• Basic Page Component
• Direct path imports import Component from 'src/components/Component' (via jsconfig.json)

Netlify CMS Additions

• Netlify CMS pre-configured for local vs production development (via netlify-cms-config.js)
• Pre-building content into single .json file for easy consumption (via prebuild.js)
• Data Transformations during pre-build (via transformations.js)
• Custom Netlify CMS widget included as sample extension (See Credits Widget)

TODO

• Docs: Netlify CMS setup
• Docs: Deployment
• Netlify Fields: Basic blog setup