https://github.com/bojkoj/nextjs-effortly
Effortly - Trello Clone in Next.js (under construction)
https://github.com/bojkoj/nextjs-effortly
clerk kanban-boards nextjs nextjs-server-actions prisma-orm pusher shadcn-ui tailwindcss typescript
Last synced: about 2 months ago
JSON representation
Effortly - Trello Clone in Next.js (under construction)
- Host: GitHub
- URL: https://github.com/bojkoj/nextjs-effortly
- Owner: BojkoJ
- Created: 2024-08-09T13:18:00.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2024-11-24T16:18:07.000Z (6 months ago)
- Last Synced: 2025-02-01T14:18:18.980Z (4 months ago)
- Topics: clerk, kanban-boards, nextjs, nextjs-server-actions, prisma-orm, pusher, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://effortly.vercel.app
- Size: 592 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Effortly: Fullstack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, PostgreSQL, Pusher
### Live Demo:
https://effortly.vercel.app
### Key Features:
- Auth (Clerk)
- Organizations (Clerk)
- Board creation, renaming and deleting with real time updates amongs all organization members using Websockets (Pusher)
- Unsplash API for random beautiful cover images
- List creation, rename, delete
- List drag & drop reorder and copy
- Card creation, rename, delete,
- Card descriptiona adding, drag & drop reorder and copy
- Card activity log, and global activity log
- Board limit for every organization
- Stripe subscription for each organization to unlock unlimited boards
- Landing page, dashboard
- PostgreSQL DB
- Prisma ORM
- ShadcnUI & TailwindCSS
- Hosted on Vercel
### How to run locally:
- Clone this repo
- Install packages: `npm install`
#### Setup `./.env` file:
- NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
- CLERK_SECRET_KEY=
- NEXT_PUBLIC_CLERK_SIGN_IN_URL=
- NEXT_PUBLIC_CLERK_SIGN_UP_URL=
- NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=
- NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=
- DATABASE_URL=
- DIRECT_URL=
- NEXT_PUBLIC_UNSPLASH_ACCESS_KEY=
- STRIPE_API_KEY=
- NEXT_PUBLIC_APP_URL=
- STRIPE_WEBHOOK_SECRET=
- PUSHER_APP_ID=
- NEXT_PUBLIC_PUSHER_KEY=
- PUSHER_SECRET=
- NEXT_PUBLIC_PUSHER_CLUSTER=
### Setup Prisma
#### 1) Add Postgres databse (e.g. Neon, Supabase)
`npx prisma generate`
`npx prisma db push`
#### 2) Start the app:
`npm run dev`
App now runs on `http://localhost:3000`