Next.js Typerite Boilerplate

Next.js boilerplate template ported from StyleShout.

Demo

https://nextjs-typerite-boilerplate.netlify.app

Post Front Matter

Property	Required	Description
title	✅	Post title
slug	✅	Url slug (/post/{slug})
date	✅	Post date
description		Post description
tags		Array of tags (ex: ['foo', 'bar'])
image		Thumbnail image(s) (ex./images/foo.png or ['/images/foo.png', '/images/bar.png'])
bannerImage		Banner image(s) displayed on post page (ex./images/foo.png or ['/images/foo.png', '/images/bar.png'])
audio		Audio embed URL for displaying audio on post page
video		Video embed URL for displaying video on post list and page
disqusid		Disqus identifier (disqus must also be provided in main configuration)

Examples

• Image & Banner Image
• Image Carousel
• Audio
• Video

Site Configuration

Property	Required	Description
title	✅	Site title
postsPerPage	✅	How many posts should be displayed per page
navigationLinks		Array of links to display in navigation
socialLinks		Array of social links to display in header (max 4)
disqus		Disqus account username for displaying comments on post pages
googleAnalytics		Google Analytics account ID for data tracking

Local Development

Running locally

npm run dev

Production build

npm run build

Unit tests

npm t

e2e tests

npm run cypress

Original Theme Credits

• Typerite by StyleShout

License

Read More LICENSE