melvnl / melvinliu.com

My personal site where I can experiment with bunch of stuff. Built with Next.js, Typescript, Tailwind, Markdown

melvinliu.com

• Framework: Next.js
• Deployment: Vercel
• Database: Planetscale
• ORM: Prisma
• Authentication: NextAuth.js
• Content: Markdown
• Styling: Tailwind CSS

Overview

• data/* - markdown file data that is used for blogs
• lib/* - Short for "library", a collection of helpful utilities
• pages/api/* - API routes powering newsletter subscription, authentication, discord webhook, spotify and post views.
• pages/blog/* - Static pre-rendered blog pages using markdown.
• pages/* - All other static pages.
• prisma/* - My Prisma schema, which uses a PlanetScale MySQL database.
• public/* - Static assets including fonts, images,etc.
• styles/* - A small amount of global styles. Currently using Tailwind CSS.

Running Locally

$ git clone https://github.com/melvnl/melvinliu.com.git
$ cd melvinliu.com
$ yarn
$ yarn dev