Progressive web app for Blogging

This is a Next.js blogging site bootstrapped from Timlrx's web template

Deploy with Vercel

Features

• Easy styling customization with Tailwind 3.0 and primary color attribute
• Near perfect lighthouse score - Lighthouse report
• Mobile-friendly view
• Works offline
• Can install it as native app
• Custom install button for pwa
• Have top progress bar
• Light and dark theme
• MDX - write JSX in markdown documents!
• Server-side syntax highlighting with line numbers and line highlighting via rehype-prism-plus
• Support for tags - each unique tag will be its own page
• Support for multiple authors
• Support for nested routing of blog posts
• SEO friendly with RSS feed, sitemaps and more!

Quick Start Guide

1. Downlod using git clone
2. Personalize siteMetadata.js (site related information)
3. Personalize authors/default.md (main author)
4. Modify headerNavLinks.js to customize navigation links
5. Add blog posts
6. Deploy on Vercel

Development

First, run the development server:

npm start

or

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Compose

Run node ./scripts/compose.js to bootstrap a new post.

Follow the interactive prompt to generate a post with pre-filled front matter.

Deploy

Vercel
The easiest way to deploy the template is to use the Vercel Platform from the creators of Next.js. Check out the Next.js deployment documentation for more details.