Overview

A fully-featured personal website with a blog in Next.js.

• src/pages/blog/* - Static pre-rendered blog pages using MDX.
• src/pages/* - All other static pages.

Run on local machine

$ git clone https://github.com/RomanKoshkin/nextjs-website.git
$ cd nextjs-website
$ yarn
$ yarn dev
$ cp .env.example .env.local

Edit the .env.local: specify the URL, port and password to your Redis database. I'm hosting mine on an AWS EC2 micro instance. You can host Redis anywhere, just make sure you can access it.

Built Using

• Next.js
• MDX
• Tailwind CSS

Hosted on Vercel, accelerated by Cloudflare

Notes

• You can use the ProjectWithBadges component for projects both without MDX (as in localhost:3000/test) or with MDX (as in Projects)

• Routing doesn't need the page to be in a router, you can just acces it by directly going to /that_page (as long as it's in the pages folder)

From the very start to not so long ago my site was just several links to my social media and contacts. Since I started to write about development I decided to have my place where I can write what I want. So, I decided to use Next.js, Tailwind, and MDX as the base for my website.

Analytics

If you deploy on Vercel, just uncomment the <Analytics/> tag in _app.tsx. If you want to use Google Analytics, uncomments the <Script> tags in _app.tsx. Be sure to define your Google Analytics tag in env.local.

Credits

This website was built off Pavel Mineev's work. Check out his GitHub.