Personal Blog 📝✍

This is a personal blog project that I created using Next.js 13 and Vercel. You can visit the live site at https://namnguyen.vercel.app/ or check out the source code. Feel free to fork, clone, or star this project if you like it. Thank you! 😊

Demo

Home page

Single post page

Archive page

Contact page

(back to top)

Features

✨ Modern UI Design
✨ Fully Responsive
✨ Built with Next.js 13 , Airtable and TailwindCSS
✨ Deployed on Vercel
✨ Post page with the full content of each post, formatted with markdown
✨ Use Next SEO to optimize the site for search engines and social media sharing

To view the demo: click here

(back to top)

## Technologies used 🛠️

• Next.js 13
• Airtable
• TailwindCSS

(back to top)

How To Use 🔧

1. Clone this repository

$ git clone https://github.com/namnguyen-dev/personal-blog-nextjs.git
$ cd personal-blog-nextjs

2. Set up .env

• Create a file named .env.local in the root directory of the project.
• Copy the contents of the .env.example file that is provided in the project and paste it into the .env.local file.
• Replace the placeholder values with your own values for each environment variable. For example, if you need to provide an API key or a database URL, you can get them from the respective services that you are using.
• Save the .env.local file

3. Run the app

$ npm install && npm run dev

The app will run in the development mode. Open http://localhost:3000 to view it in your browser.

(back to top)

Contact

• Twitter - @NamNguyen_Dev

(back to top)