Gabrielpanga / gpanga.com

✨ My portfolio built with Next.js, Tailwind, Prisma, and Vercel.

gpanga.com

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

Overview

• data/* - MDX data that is used for blogs, newsletters, and code snippets.
• layouts/* - The different page layouts each MDX category (blog, newsletter, snippets) uses.
• lib/* - Short for "library", a collection of helpful utilities or code for external services.
• pages/api/* - API routes powering /dashboard, newsletter subscription, and post views.
• pages/blog/* - Static pre-rendered blog pages using MDX.
• pages/dashboard - Personal dashboard tracking metrics.
• pages/* - All other static pages.
• prisma/* - My Prisma schema, which uses a PlanetScale MySQL database.
• public/* - Static assets including fonts and images.
• scripts/* - Two useful scripts to generate an RSS feed and a sitemap.
• styles/* - A small amount of global styles. I'm mostly using vanilla Tailwind CSS.

Running Locally

$ git clone https://github.com/gabrielpanga/gpanga.com.git
$ cd gpanga.com
$ yarn
$ yarn dev

Create a .env file similar to .env.example.

Template

Template was built by Lee Rob (https://github.com/leerob/leerob.io) that created this clean & smooth website, using an amazing set of tools that are awesome for serverless projects.