Course Highlights
  • Build your own SAAS products powered by AI and Next JS
  • Use OpenAI's GPT to implement AI generated content in your apps
  • Authenticate your Next JS apps with Auth0
  • Style your Next JS apps with Tailwind CSS
  • Store data for your Next JS apps with MongoDB
  • Charge customers using stripe
Skills you will learn!
Curriculum

5 Topics
Important! Read this before you begin the course! (Github repo etc)
Course intro & project demo
Project setup
Udemy ratings and reviews
Set up all required routes for our app

3 Topics
Set up auth0 for authentication
Set the auth state & user information if logged in
Implement protected routes that are only accessible if logged in

6 Topics
Create the basic AppLayout component
Implementing the sidebar & styling with Tailwind CSS
Implementing the sidebar footer
Create the sidebar header & roll out the AppLayout for all relevant pages
Create the app logo component using Google Fonts & FontAwesome
Create the homepage / main landing page and finish off the sidebar header

12 Topics
ISSUES WITH OPENAI
Setting up our project to work with GPT
Refine the OpenAI prompt and render the results
Pass topic and keywords to the generatePost API endpoint
UPDATE: Using the gpt-3.5-turbo model
Set up MongoDB
Implement add tokens functionality and store in MongoDB
Save generated post data to MongoDB
Load the post data for a particular post page
Auto-navigate to a post after it's generated
Render the post content for a particular post page
Render list of available posts in the sidebar

2 Topics
Set up stripe
Implement stripe webhooks

3 Topics
Fix Font Awesome flash of massive icon on load in production
Styling updates & loading icon
Validating form data when generating new posts

8 Topics
Create posts context and retrieve first 5 posts
Create getPosts endpoint
Hide "load more posts" button and fix disappearing posts in sidebar
Fix posts in sidebar on initial post load
Create deletePost endpoint
Create delete post UI & call deletePost endpoint
Delete post from sidebar
Refactor posts context to use reducer instead of state

2 Topics
Deploy on DigitalOcean
BONUS!

  Write a Review

Next JS & Open AI / GPT: Next-generation Next JS & AI apps

Go to Paid Course