Link to YouTube Tutorial

Overview

Welcome to this comprehensive full-stack tutorial where we build and deploy a fully featured AI powered email client using NextJS 14. Join me as we build an entire project from the ground up and seamlessly deploy it to Vercel 🚀. The application also includes a subscription feature, where users can subscribe to access premium features. The subscription process is handled using Stripe for payments and webhooks for event processing.

Technologies and Frameworks

• Next.js
• React
• TypeScript
• Tailwind CSS
• Clerk
• Prisma ORM
• PostgreSQL
• AWS SDK
• OpenAI API
• Stripe
• Axios
• Pinecone
• OpenAI Edge
• Neon Database Serverless
• @tanstack/react-query
• @clerk/nextjs
• clsx
• tailwind-merge

Installation

Follow the steps below to install and setup the project:

1. Clone the repository

Open your terminal and run the following command:

bash git clone https://github.com/Elliott-Chong/normalhuman.git

1. Navigate to the project directory

bash cd normalhuman

1. Install Node.js

The project requires Node.js version 13.4.19 or later. You can download it from here.

1. Install the required dependencies

Run the following command to install all the required dependencies:

bash npm install

This will install all the dependencies listed in the package.json file, including Next.js, React, React DOM, Axios, Stripe, Tailwind CSS, and other specific dependencies such as "@aws-sdk/client-s3" and "@clerk/nextjs".

1. Setup environment variables

   Create a .env file in the root directory of your project and add the required environment variables.

2. Run the project

   Now, you can run the project using the following command:

   bash npm run dev

   Open http://localhost:3000 with your browser to see the result.