portfolio

Tech Stack

• Framework: Next.js
• Database: PlanetScale
• Deployment: Vercel
• Styling: Tailwind CSS
• Analytics: Vercel Analytics

Running Locally

git clone https://github.com/plasmadice/portfolio.git
cd portfolio
yarn install
yarn dev

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

Connecting Database

1. Create a Planetscale and crete a database
2. Go to the console page for you database and enter this query:

CREATE TABLE views (
  slug VARCHAR(255) NOT NULL PRIMARY KEY,
  count INT NOT NULL
);

3. Grab the connect link and place it in .env file as DATABASE_URL

Cloning / Forking

Best to first reach out to the original to see if there have been significant updates.

Vercel Setup

In order for the environment variable NEXT_PUBLIC_URL to operate correctly you need to set two extra scoped .env variables in Vercel.

Locally - Set in .env.local Preview - NEXT_PUBLIC_URL=https://$NEXT_PUBLIC_VERCEL_URL Production - NEXT_PUBLIC_URL=https://www.yourdomain.com Be sure to specify www if vercel automatically redirects there!

The .env.production file may not be needed. It contains NEXT_PUBLIC_URL=https://$NEXT_PUBLIC_VERCEL_URL. If you yarn build and yarn start this may be needed for some things to work locally, but this may not be the case.