doc22940 / nextjs-blog-starter-kit

NextJS Blog + Contentful Typescript Starter kit with Static Export 🚀

Next JS Static starter-kit

by @techhive.IO

Table of Content

• Live Demo
• Getting Started
• Useful Commands
• Goals
• Features
• Learning Materials
• Bugs
• Contributors
• License

Getting Started

git clone --depth 1 https://github.com/techhiveIO/nextjs-blog-starter-kit my-project
cd my-project
rm -r .git
cp .env.example .env
npm run dev

Make sure you enter the correct values in your .env file:

CONTENTFUL_SPACE=<your contentful space>
CONTENTFUL_TOKEN=<your contentful token>
PUBLIC_DOMAIN=<your domain name>

Useful Commands

• dev - start application in development mode
• build - build application in production mode
• start - start application in production mode
• export - build and export application into a static website
• postexport - runs the post-export.js script, creates the sitemap.xml
• type-check- type checking for typescript
• format:write - runs prettier to format whole code base (.ts and .css)
• lint - lints project using eslint,
• populate:contentful - populates Contentful CMS

Goals

Developers often want a good starting point when implementing a new website. With this starter kit, the developer can implement a new blog, or use it as a inspiration to build any static website using NextJS.

Features

• Next.Js with Typescript support out of the box
• Static Export out of the box
• Contentful Integration with scripts to automatically populate your CMS
• Easy integration and Deployment over Netlify and Vercel (formerly ZEIT)
• Custom components
• SEO friendly, with dynamic meta tags
• Google Analytics
• Optimized for speed and scalability
• Relevant Suggestions for every blog post

Stack

• Next.Js (V9+)
• Typescript
• Netlify
• Contentful

Learning Materials

How to build a powerful blog with NextJS and Contentful

Making your blog smarter - How to implement suggestions

Bugs

Please make sure you fill in the appropriate fields when submitting an issue. Our team will try to resolve it as soon as possible

Contributors

Want to start contributing to open source with Next.Js ?

Leave your mark and join the growing team of contributors!

Get started by checking out list of open issues and reading Contributor Guide

Abdul Rahman Zantout 💻 📖 ⚠️ 🎨 📝

Ali El-Obaji 💻 📖 ⚠️ 🎨 📝

License

NextJS Static Starter is © 2020 Techhive.IO LLC . It is distributed under the Creative Commons Attribution License.

The names and logos for techhive.io are trademarks of techhive.io LLC.