Big shout to Next.js as my blog deployed on Vercel

Quick Start

#npx
npx degit 'timlrx/tailwind-nextjs-starter-blog'

#git
git clone https://github.com/timlrx/tailwind-nextjs-starter-blog.git

Personalize siteMetadata.js (site related information)
Modify the content security policy in next.config.js if you want to use other analytics provider or a commenting solution other than giscus.
Personalize authors/default.md
Modify projectsData.ts
Modify headerNavLinks.ts to customize navigation links
Add blog posts
Deploy on Vercel

yarn

Note: may need to run on Command Prompt on Windows.

set PWD="$(pwd)"

First, run the development server:

yarn dev

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

Edit the layout in app or content in data. With live reloading, the pages auto-updates as you edit them.

data/siteMetadata.js - contains most of the site related information which should be modified for a user's need.

data/authors/default.md - default author information (required). Additional authors can be added as files in data/authors.

data/projectsData.js - data used to generate styled card on the projects page.

data/headerNavLinks.js - navigation links.

data/logo.svg - replace with your own logo.

data/blog - replace with your own blog posts.

public/static - store assets such as images and favicons.

Vercel
Deploy on Vercel. Please check out the Next.js deployment documentation for more details.