https://github.com/leonardtarigan/dialink
Fullstack phone book app
https://github.com/leonardtarigan/dialink
nextjs postgr prisma shadcn-ui tailwindcss typescript vercel
Last synced: 2 months ago
JSON representation
Fullstack phone book app
- Host: GitHub
- URL: https://github.com/leonardtarigan/dialink
- Owner: LeonardTarigan
- Created: 2024-04-07T07:48:06.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-25T16:01:11.000Z (almost 2 years ago)
- Last Synced: 2026-01-03T16:24:55.429Z (6 months ago)
- Topics: nextjs, postgr, prisma, shadcn-ui, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://dialink.vercel.app
- Size: 483 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Getting Started
1. Clone the repository:
```
git clone https://github.com/LeonardTarigan/dialink.git
```
2. Navigate into the project directory:
```
cd ./dialink
```
3. Install dependencies:
```
pnpm install
```
## Database Setup
1. Deploy the project to [Vercel](https://vercel.com/)
2. Once deployed, go to the project dashboard, navigate to **Storage** tab and create a new Postgres database
3. Install Vercel CLI
```
npm i -g vercel@latest
```
4. Link the project to Vercel
```
vercel link
```
You will be asked a few questions regarding the project setup
```
? Set up "./local_project_path"? [Y/n] y
? Which scope should contain your project?
? Link to existing project? [y/N] y
? What's the name of your existing project?
```
6. Pull the `.env` file
```
vercel env pull .env
```
7. Migrate the database schema
```
npx prisma db push
```
8. Run the project
```
pnpm run dev
```
Notes:
- For better instruction on the database setup, watch the tutorial [here](https://www.youtube.com/watch?v=GxUR4zIasB8&t=2283s)
- To open the database editor, run `npx prisma studio`