# Fullstack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, MySQL  This is a repository for Fullstack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, MySQL [VIDEO TUTORIAL](https://www.youtube.com/watch?v=pRybm9lXW2c) Key Features: - Auth - Organizations / Workspaces - Board creation - Unsplash API for random beautiful cover images - Activity log for entire organization - Board rename and delete - List creation - List rename, delete, drag & drop reorder and copy - Card creation - Card description, rename, delete, drag & drop reorder and copy - Card activity log - Board limit for every organization - Stripe subscription for each organization to unlock unlimited boards - Landing page - MySQL DB - Prisma ORM - shadcnUI & TailwindCSS ### Prerequisites **Node version 18.x.x** ### Cloning the repository ```shell git clone https://github.com/AntonioErdeljac/next13-trello.git ``` ### Install packages ```shell npm i ``` ### Setup .env file ```js 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= NEXT_PUBLIC_UNSPLASH_ACCESS_KEY= STRIPE_API_KEY= NEXT_PUBLIC_APP_URL= STRIPE_WEBHOOK_SECRET= ``` ### Setup Prisma Add MySQL Database (I used PlanetScale) ```shell npx prisma generate npx prisma db push ``` ### Start the app ```shell npm run dev ``` ## Available commands Running commands with npm `npm run [command]` | command | description | | :-------------- | :--------------------------------------- | | `dev` | Starts a development instance of the app | # ManagemtFreelence # Vieo