VasiliyArtemenko/b-r.io

My personal website made using TypeScript, Next.js 13, Tailwind CSS, MDX, and deployed on Vercel.

Technologies

backend:

• Next.js / TypeScript
• MDX / Contentlayer (CMS)
• Vercel (Hosting)
• PlanetScale (Database)
• Prisma (ORM)

frontend:

• Tailwind CSS (utility styles)
• Headless UI (UI components)
• Radix UI Colors (color system)
• Framer Motion (Animations)

Prerequisites

Node.js installed on your local machine PlanetScale account Prisma CLI installed (npm i -g prisma)

Installation

Clone this repository to your local machine Install dependencies with pnpm install Copy .env.example to .env.local and update the environment variables as needed Start the development server with pnpm dev.

Deployment

This project can be easily deployed to Vercel. Simply connect your Vercel account to your GitHub repository, and Vercel will automatically build and deploy your application with each new push to the main branch.

Alternatively, you can use the Vercel CLI to deploy your application straight from your local machine.

Also, you will have to add the mentioned environment variables to your Vercel project settings.

Database Migration

To migrate your database from Prisma to PlanetScale, follow these steps:

Sign up for a PlanetScale account Create a new database in PlanetScale Update the DATABASE_URL environment variable in your project's .env.local file with the connection string provided by PlanetScale Run npx prisma migrate dev to generate a new migration Run npx prisma migrate deploy to apply the migration to your database in PlanetScale.