Building a blog with Next.js 🖥️
This website was created using Next.js and Material UI, with the blog posts being generated programmatically from markdown files.
The use of Material UI provided pre-built UI components that made it simpler to iterate quickly. Additionally, deployment on Vercel was straightforward.
The project structure is organized as follows:
- src: includes the source code
- src/pages: houses the pages
- public: stores static files
- posts: contains the blog posts
Within the src folder, there are several files, including:
- [id].tsx: a dynamic route for blog posts
- index.tsx: the home page
- _app.tsx: a root component that wraps all pages
- _document.tsx: utilized to add custom HTML tags to the page
Overall, using Next.js and Material UI streamlined the creation of this website. I am excited to continue exploring the advantages of server-side rendering and static site generation while building more websites using these tools.