used https://github.com/JoseRFelix/nextjs-starter-blog for template
- Streamlined styling experience with Tailwind.css.
- Customizable typographic defaults with Tailwind Typography
- Markdown code highlighting with react-syntax-highlighter and PrismJs.
First, run the development server:
npm run dev
# or
yarn 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.
Tailwind Typography is an official tailwind plugin that provides a set of prose
classes to add beautiful typographic defaults to any vanilla HTML you don't control (like HTML rendered from Markdown, or pulled from a CMS).
To customize the defaults provided by the plugin, add the overrides under the typography
key in the theme section of the tailwind.config.js
file. Refer to its default styles for more in-depth examples.
For more information, please check out Tailwind Typography's customization section.
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- Tailwind Documentation - learn about Tailwind CSS features and API.
- add a script to create a new post
- add scripts to share/distribute my posts to dev.to, medium, whatever
- add decade eslint -hide drafts on postfooter too
- add dates on pist folders