Austin's Blog (no longer maintained)

Forked from the excellent Tailwind Nextjs Starter Blog

Stack

• Next.js - Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
• Tailwind - A utility-first CSS framework.
• Framer Motion - An animation library for React.

Project structure

$PROJECT_ROOT
│   # Page files
├── pages
│   # Markdown files for project posts
├── data
    └──blog
│   # React component files
├── components
│   # Non-react modules
├── lib
│   # Static files for images, rss, and assets
├── public
|   # Global CSS
└── css

Stats

• Desktop Lighthouse Score:

  

• Mobile