glennreyes / glennreyes.com

🌱 My personal portfolio site built with Next.js, Tailwind CSS and Prisma

glennreyes.com

This is the source code for my personal website, built using Next.js App Router, Tailwind CSS, and Prisma.

The site is hosted on Vercel and uses Vercel Analytics for tracking performance. Data is stored using Supabase, a backend-as-a-service platform that provides Postgres databases and other features.

Tech Stack

• Next.js
• Tailwind CSS
• Prisma
• Supabase
• Vercel
• Vercel Analytics

Run the Development Server

This project uses latest Node, pnpm and Docker for development.

Installation

1. Clone the repository

git clone https://github.com/glennreyes/glennreyes.com
cd glennreyes.com

2. Install dependencies

pnpm install

Database Setup

1. Copy the .env.example file to .env located in the prisma directory. The default values for DATABASE_URL points to a local Postgres database.
2. Run following Prisma commands to generate the Prisma client and migrate the database.

pnpm prisma generate # Generate Prisma client
pnpm prisma migrate dev # Migrate database

Development Server

1. Run the development server

pnpm dev

2. Open http://localhost:3000 with your browser to see the result.

Inspiration

I explored various excellent projects to gather ideas and inspiration for my personal website. Here are some of them:

• Spotlight by Tailwind CSS
• Lee Robinson's personal website
• Delba de Oliveira's personal website
• Brian Lovin's personal website