https://github.com/abedzantout/nextjs-blog-starter-kit
NextJS Blog + Contentful Typescript Starter kit with Static Export 🚀
https://github.com/abedzantout/nextjs-blog-starter-kit
blog boilerplate contentful googel-analytics javascript netlify nextjs starter starter-kit static-site static-website template typescript
Last synced: about 1 month ago
JSON representation
NextJS Blog + Contentful Typescript Starter kit with Static Export 🚀
- Host: GitHub
- URL: https://github.com/abedzantout/nextjs-blog-starter-kit
- Owner: abedzantout
- License: cc-by-4.0
- Created: 2019-09-13T11:39:43.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-05-10T04:02:26.000Z (about 1 year ago)
- Last Synced: 2025-04-11T04:36:58.370Z (about 1 month ago)
- Topics: blog, boilerplate, contentful, googel-analytics, javascript, netlify, nextjs, starter, starter-kit, static-site, static-website, template, typescript
- Language: TypeScript
- Homepage: https://nextjs-static-starter-kit.netlify.com/
- Size: 1.45 MB
- Stars: 82
- Watchers: 3
- Forks: 19
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
[](https://app.netlify.com/sites/nextjs-static-starter-kit/deploys)
# Next JS Static starter-kit
by [@techhive.IO](https://www.techhive.io/)
## Live shot
## Table of Content
- [Live Demo](https://nextjs-static-starter-kit.netlify.com/)
- [Getting Started](#setting-started)
- [Useful Commands](#useful-commands)
- [Goals](#goals)
- [Features](#features)
- [Learning Materials](#learning-materials)
- [Bugs](#bugs)
- [Contributors](#contributors)
- [License](#license)
## Getting Started
```bash
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=
CONTENTFUL_TOKEN=
PUBLIC_DOMAIN=
```
## 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+)](https://github.com/zeit/next.js)
- Typescript
- [Netlify](https://www.netlify.com)
- [Contentful](https://www.contentful.com)
## Learning Materials
[How to build a powerful blog with NextJS and Contentful](https://www.techhive.io/our-insights/how-to-build-a-powerful-blog-with-nextjs-and-contentful)
[Making your blog smarter - How to implement suggestions](https://www.techhive.io/our-insights/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](https://github.com/techhiveIO/nextjs-static-starter-kit/issues)
and reading [Contributor Guide](https://github.com/techhiveIO/nextjs-static-starter-kit/blob/master/CONTRIBUTING.md)
Abdul Rahman Zantout
💻 📖 ⚠️ 🎨 📝
Ali El-Obaji
💻 📖 ⚠️ 🎨 📝
## License
NextJS Static Starter is © 2020 Techhive.IO LLC . It is distributed under the [Creative Commons
Attribution License](http://creativecommons.org/licenses/by/4.0/).
The names and logos for techhive.io are trademarks of techhive.io LLC.