Chat GPT Clone in 1 Hour with Cursor (One-Day Class)
dodocoding
You can gain the ability to implement a chat program in just one hour using Next.js + Cursor IDE.
Beginner
nextjs, ChatGPT, React
Firebase's SQL version! You can master the basics of Next.js full-stack development through Supabase!
462 learners
Level Basic
Course period Unlimited


Reviews from Early Learners
5.0
Malik KIM
It was hard to find a Korean course that used supabase and nextjs together, but thanks to this, I can quickly create a full-stack web app. Thank you for the great course!
5.0
Han Lee
Hello, Coding Lupin, I am a YouTube subscriber :) First of all, thank you for uploading the lecture that I really needed. In particular, I am deeply grateful for the following two parts. (1) Next.js + Supabase - There are many Next.js lectures on Udemy, but I could not find a lecture that covers Supabase together with Next.js. - There are even fewer lectures in Korean, so thank you again. (2) Learning method - I became a coding avatar, paused, and learned by following the code without thinking. - I will apply the learning method (abstraction -> concretization) that you told me to acquire and embody knowledge. It would be good if you could announce the release of the Inflearn lecture on the YouTube community. [I only heard that the lecture is under review, so I am letting you know just in case.] Thank you.
5.0
권빵
I wanted to try handling the server next time, so thank you!! 👩🏿🦰
Supabase (RLS, Table creation, API integration)
Next.js App Router
Vercel CI/CD and Optimization
Sharing ToDoList functionality using the MVC pattern.
Minimum Knowledge for a Next.js Server
Basics of TypeScript Typing
OAuth, Google Login, GitHub Login
Supabase is the easiest server for FE developers these days!
Supabase + NextJS 14 FullStack Basics
It contains only the parts necessary for practical use 🍭
Have you heard of Supabase , the SQL version of Firebase ?
Supabase has the following advantages:
SQL DB features based on PostgreSQL
Delegation of authorization checks at the application level with strong RLS (row-level security).
REST API automatically created based on DB Schema
RealTime DataBase
OAuth 2.1 support (Google, GitHub, Kakao, Facebook login, etc.)
Admin page and official documentation with AI assistant and best developer experience
.png?w=960)
Supabase project you can create through lectures!
📌 Lecture Notes Guide: Goals for each chapter, review points, and more (official documents, concepts, etc.)
📌 Lecture Checkpoints Provided : Don't worry if you don't follow the code! There are branches for each chapter.
📌 10% theory, 90% practice : We also explain important theories such as Supabase RLS.
📌 Portfolio : You can get the results through clone coding.

Supabase applies in just one day.
Developers/students who want to create a login-enabled website in one day using Supabase
Next.js 14 with supabase
With minimal Next.js server knowledge
How to apply Supabase to SSR, CSR

OAuth Social Login
Social login is difficult
How to solve it in one go
💡 The combination of Supbase + Next.js is the combination that can create a full-stack MVP project faster than anyone else!
📌 You can create a side project in just one day using Supabase.
📌 You will learn about table creation, manipulation, RLS, triggers, and functions in PostgreSQL DB.
📌 You can create ServerActions, Middleware, RSC, RouterHandler (API) of Next.js.
📌 Learn UI development methods faster than anyone else with TailwindCSS.
📌 Implement social login using Supabase Authentication.
📌 Create a TodoApp project with sharing functionality.

Supabase SQL, RLS theory
Powerful DB features of PostgreSQL
SQL statements for creating, querying, modifying, deleting, and reading tables
Retrieving table information with REST API
Easy RLS explanation

Shared TodoApp (with Next.js 14)
Clone coding web using App Router
Todo App at Browser Rendering Level
Todo App using server actions
Social login feature and shareable Todo App

Supabase Editor with AI Assistant
Table Editor: Create a table
SQL Editor: Retrieving Data
Authentication : User Management

Minimum knowledge for Next.js 14 server
Router Handler
Middleware
RSC (React Server Component)
ServerActions
I use Node.js, VS Code, and GitHub.
Basic knowledge of HTML, CSS, and React
Styling with TailwindCSS (+ summary lecture 😀 )
(*At first I hated TailwindCSS. But after the initial learning curve (about an hour), your development experience and development speed will be dramatically improved! You won't regret it.)
Who is this course right for?
For those who want to start a project with Next.js
To FE developers considering adopting Supabase
For those who want to develop a server-side full-stack application with Next.js
Need to know before starting?
Basic level HTML, CSS, and React
4,338
Learners
198
Reviews
94
Answers
4.8
Rating
5
Courses
I am currently working as a frontend developer at one of the major IT service companies (Naver, Kakao, Line, Coupang, Baemin). 😀
🚀 SW Maestro Expert Career Mentoring
🚀 Experience as a Naver Boostcamp BE Mentor
🚀 FE 7Code Roadmap Course Creation
All
68 lectures ∙ (7hr 12min)
4. 1.1 What is Supabase?
04:41
7. 1.4 Supabase Pricing
01:44
All
31 reviews
4.9
31 reviews
Reviews 4
∙
Average Rating 5.0
5
I wanted to learn supabase, and this is great. It seems like a lecture that can be a very good foundation. I will work hard to create a project based on this.! next + supa full stack is powerful.
Fighting! I think Superbase is the best for making projects really quickly.
Reviews 2
∙
Average Rating 5.0
5
Hello, Coding Lupin, I am a YouTube subscriber :) First of all, thank you for uploading the lecture that I really needed. In particular, I am deeply grateful for the following two parts. (1) Next.js + Supabase - There are many Next.js lectures on Udemy, but I could not find a lecture that covers Supabase together with Next.js. - There are even fewer lectures in Korean, so thank you again. (2) Learning method - I became a coding avatar, paused, and learned by following the code without thinking. - I will apply the learning method (abstraction -> concretization) that you told me to acquire and embody knowledge. It would be good if you could announce the release of the Inflearn lecture on the YouTube community. [I only heard that the lecture is under review, so I am letting you know just in case.] Thank you.
Hello. Hahaha, you're a subscriber.! Thank you for subscribing to my YouTube channel, which is always lacking. I'm a little late in delivering the news of the lecture release. ㅠㅠ, I really appreciate you applying for the lecture, which may be lacking. I'll remember HanLee, and if you have any questions about not only the lecture but also career paths and employment, I'll answer them more sincerely. ~ 👍
Reviews 13
∙
Average Rating 5.0
5
This was a great lecture for exploring Supabase, and the explanations related to Next.js, which are necessary for the class, were also helpful.
Thank you for taking 100% of the course! I hope to see you again with even better lectures in the future.
Reviews 2
∙
Average Rating 5.0
5
I wanted to try handling the server next time, so thank you!! 👩🏿🦰
Thanks for the review!
Reviews 4
∙
Average Rating 4.0
5
It was hard to find a Korean course that used supabase and nextjs together, but thanks to this, I can quickly create a full-stack web app. Thank you for the great course!
Thank you so much for taking this course! Using Next.js and Supabase together is not an easy task. It requires a deep understanding of server-side rendering and full-stack development to utilize them properly. I hope this course will be of great help to you in your project. If you use this combination well, it will become the foundation for creating powerful and efficient web applications. I hope it will be a good guide for your development journey in the future, and I wish you further growth!
Check out other courses by the instructor!
Explore other courses in the same field!