nextjs-windi-typescript-starter-blog

A starter blogging template powered by nextjs, windicss and typescript

MIT License

Stars
7

This project is still WIP

A starter blogging template powered by nextjs, windicss and typescript

πŸ’– Used by

Are you using the templateπŸš— ? Please add yourself to the list above via a PR

πŸŽ‰ Features

  • Written in Typescript, with native type support.
  • i18n
  • Responsive design - mobile friendly
  • Light and dark mode support
  • Current best web engineering practices: lint + prettier + husky + commintlint + lint-staged
  • Support for tags
  • [] Powerful search with Algolia
  • [] PR workflow - Run checks/lints on PR and preview

πŸ”¨ Usage

  1. Clone the repo
  2. Customize theme.config.ts
  3. Customize data/intro/index.md and data/intro/index.zh-CN.md (about author)
  4. Update blogs data/blogs/* with your own blogs
  5. Update components/footer/index.tsx to customize social information
  6. Deploy on Vercel

πŸ“¦ Installation

$ yarn

πŸš— Development

First, run the development server:

yarn run dev

Open your browser and visit http://localhost:3000.

πŸ“• Overview

  • theme.config.js - Theme configuration
  • next.config.js - Nextjs configuration
  • windi.config.ts - Windicss configuration
  • pages/* - Static pages
  • data/* - MDX data that is used for introduction and blogs
  • public/* - Static assets
  • interface/index.ts - Common types
  • styles/index.css - Common custom variant
  • styles/prism.css - Prism theme for code blocks

πŸ™ Credit

Inspired by the following awesome work:

leerob.io

antfu.me

tailwind-nextjs-starter-blog

🎈 License

This project is MIT licensed.

Badges
Extracted from project README
license-img version-img