This blog was built with the following tools:
- Next.js - A React framework for building static and server-rendered applications
- Tailwind CSS - A utility-first CSS framework for rapidly building custom designs
- MDX - A fileformat that allows you to write JSX in your markdown content - ideal for creating interactive blog posts
- Contentlayer - A content SDK that validates and transforms content into type-safe JSON data
- Vercel - A platform for hosting static websites and serverless functions
- TypeScript - A typed superset of JavaScript that compiles to plain JavaScript
- heroicons - A set of free MIT-licensed high-quality SVG icons for UI development
- clsx - A tiny (228B) utility for constructing
className
strings conditionally - rough-notation - A library for creating and animating annotations on a web page
- rehype-autolink-headings - A rehype plugin to automatically add links to headings
- rehype-pretty-code - A rehype plugin to prettify code blocks
npm run dev
to run, open http://localhost:3000 with your browser to see the result.