Nextjs Mdx Blog Kit screenshot

Nextjs Mdx Blog Kit

Updated: 17 Dec 2021
479 Stars

Starter code for creating a static blog system using Next.js and MDX. A service worker for offline reading is set up, and the blog has Perfect Lighthouse scores.

Categories

Overview:

The Next.js MDX Blog Kit is a fully functional blogging system designed for developers. It provides a complete solution for creating and styling a blog with perfect Lighthouse scores. The kit allows developers to write posts in markdown and use React components. It also includes features such as static website deployment, excellent SEO, a service worker for offline reading, tag search, code syntax highlighting, optimized images, and easy deploys with Zeit’s Now CLI.

Features:

  • Static website deployment
  • Write posts in markdown and use React components
  • CLI for creating new pages or posts with necessary meta data and SEO data
  • Perfect Lighthouse scores
  • Excellent SEO
  • Service Worker for offline reading
  • Tag search
  • Reading progress indicator on posts (optional)
  • Code syntax highlighting
  • Smooth scroll links
  • Optimized images
  • Tests set up using Jest
  • Easy deploys with Zeit’s Now CLI

Installation:

  1. To install the CLI with the keyword, navigate to the root of the project in your terminal and run the command npm link or sudo npm link.
  2. If you have trouble installing the CLI, you can use the file as a script. To do this, navigate to the root of the project in your terminal and run the command chmod +x ./cli.js or sudo chmod +x ./cli.js.

Summary:

The Next.js MDX Blog Kit is a comprehensive blogging system that provides developers with an easy-to-use solution for creating and styling a blog. It includes features such as static website deployment, markdown support with React components, excellent SEO, and various customizable options. The kit also offers a CLI for creating new pages or posts, and it ensures that all necessary meta data is included for proper functioning of the blog engine. With the Next.js MDX Blog Kit, developers can start building their own blogs quickly and efficiently.