Skip to content

slicknode/starter-nextjs-blog

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

Slicknode NextJS Blog Starter

This is a simple blog site to get you started with NextJS and Slicknode. It has a very minimal setup that you can easily customize and extend.

Installation

Clone the repository and install all dependencies:

npm install

Then run the setup script:

npm run setup

This will create a new Slicknode project with, GraphQL API and the GraphQL endpoint will be added to your local configuration. Just follow the instructions on the screen.

Start the local development server and start hacking:

npm run dev

For more information how to build NextJS applications, check out the official NextJS docs.

Customizing Data Model

Install the Slicknode CLI globally if you don't already have it installed on your computer:

npm install -g slicknode@latest

The Slicknode modules with the data model are located in modules/. To change and extend the data model, open the schema file of the blog module modules/blog/schema.graphql, add your changes and redeploy your project to the Slicknode cloud:

slicknode deploy

Check out the Slicknode documentation for more information on how to model your data, create your own modules, etc.

Preview Mode

To load content in preview mode, visit the URL /api/preview in your browser. This will set a cookie and enable the preview mode for the duration of the browser session. The Slicknode API will then return all content from the preview stage.

Securing Preview Mode:

To secure the preview mode, set a secret via the env variable PREVIEW_SECRET_TOKEN in the process that runs the server. (See the next.js docs)

With the PREVIEW_SECRET_TOKEN set, you have to pass the secret to the preview URL to enable the preview mode. For example: /api/preview?secret=xyz123.

Static Site Export

To generate a static site export of your site to deploy to the web via S3, Netlify etc:

npm run export

This will generate a static version of your site in the folder out/.

Run Production Server

If you need server-side rendering instead of static site export (for example for automatic rebuild of pages), first create a build and then start the server:

npm run build

Start web server:

npm start

About

NextJS + Slicknode Headless GraphQL CMS blog starter kit

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published