Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/azurespheredev/reddit-clone
Social Media post application, assignment of CS Engineering
https://github.com/azurespheredev/reddit-clone
eslint nextjs planetscale prettier prisma shadcn-ui t3 tailwindcss trpc typescript
Last synced: 3 months ago
JSON representation
Social Media post application, assignment of CS Engineering
- Host: GitHub
- URL: https://github.com/azurespheredev/reddit-clone
- Owner: azurespheredev
- Created: 2024-03-31T16:29:11.000Z (10 months ago)
- Default Branch: dev
- Last Pushed: 2024-03-31T16:37:35.000Z (10 months ago)
- Last Synced: 2024-11-12T10:48:34.029Z (3 months ago)
- Topics: eslint, nextjs, planetscale, prettier, prisma, shadcn-ui, t3, tailwindcss, trpc, typescript
- Language: TypeScript
- Homepage: https://reddit-clone-blog.vercel.app
- Size: 94.7 KB
- Stars: 13
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Reddit Cloned Social Media Post
[T3 Stack](https://create.t3.gg/) project bootstrapped with `create-t3-app`.
## Technologies Used
- [Next.js](https://nextjs.org)
- [Clerk](https://clerk.com)
- [Shadcn-UI](https://ui.shadcn.com)
- [Tailwind CSS](https://tailwindcss.com)
- [Prisma](https://prisma.io)
- [tRPC](https://trpc.io)
- [PlanetScale](https://planetscale.com)
## How to Run the Project
1. Go to [Clerk Dashboard](https://dashboard.clerk.com) and navigate to `Developers -> API Keys` to copy your keys to the clipboard. Create a file named `.env.local` and add the following:
```bash
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY='YOUR CLERK PUBLISHABLE KEY'
CLERK_SECRET_KEY='YOUR CLERK SECRET KEY'
```
2. Create an .env file to the root project and paste your `PlanetScale` database URL. Get the Database URL from the `prisma` dropdown selector in `PlanetScale`
```bash
DATABASE_URL='YOUR DATABASE URL'
```
3. Install pnpm
```bash
npm i -g pnpm
```
4. Install the dependencies:
```bash
pnpm install
```
5. Run the development server:
```bash
pnpm dev
```
6. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.