Awesome

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:

  <img width="412" alt="Screen Shot 2022-08-06 at 2 21 37 PM" src="https://user-images.githubusercontent.com/12260975/183263337-3df0264b-e39a-4fd8-9f26-ea21f7616c04.png">

• Mobile

  <img width="401" alt="Screen Shot 2022-08-06 at 2 22 28 PM" src="https://user-images.githubusercontent.com/12260975/183263340-b5bc1362-e86f-478a-9b39-f878952bccd4.png">