# Buddy Clone App using nextjs 14.x

I'd be glad to provide a comprehensive guide on building a full-stack clone app using Next.js and Prisma:

**Prerequisites:**

* Node.js and npm (or yarn) installed
    
* Basic understanding of React and Next.js
    
* Familiarity with Prisma ORM
    

**Getting Started:**

1. **Create a New Next.js Project:**
    
    ```bash
    npx create-next-app your-app-name
    ```
    
2. **Install Dependencies:**
    
    ```bash
    cd your-app-name
    npm install @prisma/client next-auth
    ```
    
3. **Set Up Prisma:**
    
    * Create a `schema.prisma` file in the root directory.
        
    * Define your Prisma schema with models, fields, and relationships.
        
    * Run `npx prisma generate` to generate the Prisma client.
        
4. **Configure NextAuth.js:** Create an `auth/[...nextauth].js` file in your `pages` directory and configure NextAuth.js with your desired authentication providers (e.g., Google, GitHub, Email).
    

**Key Features and Technologies:**

* **Next.js:** A powerful React framework for building server-rendered React applications.
    
* **Prisma:** A modern ORM for Node.js that simplifies database interactions.
    
* **NextAuth.js:** A simple, flexible authentication solution for Next.js applications.
    
* **MongoDB:** A popular NoSQL database for storing user data.
    
* **TypeScript (optional):** Use TypeScript for improved type safety and code maintainability.
    

%[https://www.youtube.com/watch?v=POMKrG4L3hQ&list=PLU-FndeNRY4Cw7Kq7SHtqpI5bK06s8wt0&index=4] 
Now playing
- Let's start our App Development || Github and Project Kanban Board setup #03
- FullStack Clone || Baseline Repo Like a Pro with Husky, Commitlint , prettier #04
- Nextjs setup with Prisma and NextAuth Part-1 #05
- Next-Auth v5 is Almost Here! Learn it Fast on the NextJS App #06
- Authentication in NextJS using NextAuth | NextJS in Hindi #07
- NextJS Dashboard Layout with Middlewares & nextauth #08
- Next.js EXPERT Shares Top Database Design Secrets for Fullstack Applications #09
- Nextjs Server Actions Made EASY with React Hook Form Hacks #10
- Nextjs Server Actions  vs APIs
- Nextjs Server Actions for Components
- Nextjs Server Actions for listing all Ideas 
- Nextjs Server Actions to join and leave ideas 
- Nextjs Server Actions and componet to add comment and bookmark, like Ideas
- Deploying Nextjs application to vercel 

https://github.com/tkssharma/buddy-clone

### Follow these Branches 

- baseline (develop branch)
- Auth screens feat-auth-screens
- dashboard layouts feat-dashboard-layouts

<table class="ws-table-all" id="customers">
  <tbody><tr>
    <th>Video</th>
    <th>Link</th>
  </tr>
  <tr>
    <td>Build Full Stack App || Open collaboration, come and Build Apps with Me #02</td>
    <td>https://www.youtube.com/watch?v=Ay-_KqkkOag&list=PLU-FndeNRY4Cw7Kq7SHtqpI5bK06s8wt0&index=2</td>
  </tr>
  <tr>
    <td>Video thumbnail: Let's start our App Development || Github and Project Kanban Board setup #03</td>
    <td>https://www.youtube.com/watch?v=Ay-_KqkkOag&list=PLU-FndeNRY4Cw7Kq7SHtqpI5bK06s8wt0&index=2</td>
  </tr>
  <tr>
    <td>Let's start our App Development || Github and Project Kanban Board setup #03</td>
    <td>https://www.youtube.com/watch?v=Ay-_KqkkOag&list=PLU-FndeNRY4Cw7Kq7SHtqpI5bK06s8wt0&index=2</td>
  </tr>
  <tr>
    <td>FullStack Clone || Baseline Repo Like a Pro with Husky, Commitlint , prettier #04</td>
    <td>https://www.youtube.com/watch?v=Ay-_KqkkOag&list=PLU-FndeNRY4Cw7Kq7SHtqpI5bK06s8wt0&index=2</td>
  </tr>
  <tr>
    <td>Video thumbnail: Nextjs setup with Prisma and NextAuth Part-1 #05</td>
    <td>https://www.youtube.com/watch?v=Ay-_KqkkOag&list=PLU-FndeNRY4Cw7Kq7SHtqpI5bK06s8wt0&index=2</td>
  </tr>
  <tr>
    <td>Video thumbnail: Next-Auth v5 is Almost Here! Learn it Fast on the NextJS App #06</td>
    <td>https://www.youtube.com/watch?v=Ay-_KqkkOag&list=PLU-FndeNRY4Cw7Kq7SHtqpI5bK06s8wt0&index=2</td>
  </tr>
    <tr>
    <td>Video thumbnail: Authentication in NextJS using NextAuth | NextJS in Hindi #07</td>
    <td>https://www.youtube.com/watch?v=Ay-_KqkkOag&list=PLU-FndeNRY4Cw7Kq7SHtqpI5bK06s8wt0&index=2</td>
  </tr>
    <tr>
    <td>Premiere thumbnail: NextJS Dashboard Layout with Middlewares &  nextauth  #08
</td>
    <td>https://www.youtube.com/watch?v=Ay-_KqkkOag&list=PLU-FndeNRY4Cw7Kq7SHtqpI5bK06s8wt0&index=2</td>
  </tr>
</tbody></table>

**Conclusion:**

By following these steps and leveraging the power of Next.js, Prisma, and NextAuth.js, you can create a robust and scalable full-stack clone app. This project will provide you with valuable experience in building modern web applications with a strong foundation.