Build your first Web App with Cursor AI, Python, Virtual Machines, and Neon Postgres

preview_player
Показать описание

Create a cutting edge and modern web app using just English. Cursor AI unlocks an amazing ability to build fast and robust applications by allowing you to speak English while it writes the code for you in a code-editing environment.

While tools like ChatGPT and Claude have websites that make it easy to copy and paste code generated, Cursor brings these tools right next to your code for the most amazing auto-complete tool you've ever used -- far better than anything on the market yet. The best part? A lot of it costs $0 to get started for a _long time_. This entire course cost $0 in AI costs.

What we build in this course used to cost thousands (if not tens of thousands) of dollars to build over the course of a month or two. You'll do it for free and in a little over 5 hours.

Cursor is what you thought GitHub Copilot was going to be. Heck, even if they do the same thing by the time you watch this video, you can thank Cursor for pushing the envelop and helping beginners and professional developers a like.

Let's do this! Topics, code links, and chapters below.

Topics:
✅ Do Full Stack Web Development in pure English
✅ Diagnose issues with ease
✅ Learn various commands to speed up how you use Cursor AI
✅ Create rules for Cursor to follow to ensure consistent workflows
✅ Skip local setup and develop directly on cheap servers
✅ Build your first static website in about 10 minutes
✅ Integrate Git and GitHub to easily backup your code and undo bad AI generations
✅ Build a Python & Django Web App without writing a single line of code
✅ Leverage Neon Postgres to persist database data across VMs
✅ Deploy a production-ready web server to access your in-development web app from anywhere in the world
✅ And much more!

Virtual Machine Discounts:

⚓️ Code
💽 Python Web Apps with Cursor:

🚀 Chapters
00:00:00 Welcome
00:00:37 Hello World Demo
00:05:33 Course Overview
00:12:30 Section: Your First Website with Cursor
00:12:31 Install Cursor
00:18:09 Local or Cloud
00:20:26 Create Cloud-based Servers
00:31:15 Login to Cloud Servers
00:41:41 Configure cursor rules
00:49:45 Install the Nginx Web Server with Cursor
00:54:50 Custom Web Page
00:59:55 Serve the Custom Web Page
01:07:02 Generating Terminal Commands
01:16:18 Using Cursor Composer to Build Web Pages
01:26:28 Improved Styles with CSS Frameworks
01:31:42 Copy Code and Convert to our Project
01:47:18 Keeping Track of Files with Git
01:55:14 Push to GitHub
02:03:28 Starting Over
02:14:33 Section Recap
02:17:50 Section: Python Web Apps with Cursor
02:17:51 Cursor Web App Development
02:19:23 Configure Development Environment
02:26:22 Cursor Rules for VMs
02:31:33 Login to the GitHub CLI
02:36:29 Git and Root Project
02:41:52 Setup a Python App Environment
02:46:47 Configure Base Django Project
02:51:15 NGINX and Django
03:01:53 Loading Secret Values in Python
03:08:06 Using Gunicorn to Run Django
03:12:31 Run Django in the Background of VMs
03:21:16 Render HTML Pages with Django
03:25:57 Reduce HTML Code with Django Templates
03:34:45 Unlimited Web Pages with URL Params
03:41:56 Version Control and Generative AI
03:48:33 Serving Static Files
03:52:40 Handling Custom Static Files
03:59:33 Django Admin and Users
04:05:51 Custom Django App to Store Data
04:13:07 Display Database Stored Data
04:23:20 Use a Production-Grade Database
04:28:51 Integrate Django and Neon Postgres
04:38:32 Cloning a VM and Branching a Database
04:52:49 User Login and Logout
04:56:15 User Sign Up Page
04:58:35 Adding User-based Comments
05:09:47 Contact Us Form and Entries
05:20:41 A User Dashboard
05:27:20 Thank you and next steps
Рекомендации по теме
Комментарии
Автор

Thanks for watching! Code + chapters below


🚀 Chapters
00:00:00 Welcome
00:00:37 Hello World Demo
00:05:33 Course Overview
00:12:30 Section: Your First Website with Cursor
00:12:31 Install Cursor
00:18:09 Local or Cloud
00:20:26 Create Cloud-based Servers
00:31:15 Login to Cloud Servers
00:41:41 Configure cursor rules
00:49:45 Install the Nginx Web Server with Cursor
00:54:50 Custom Web Page
00:59:55 Serve the Custom Web Page
01:07:02 Generating Terminal Commands
01:16:18 Using Cursor Composer to Build Web Pages
01:26:28 Improved Styles with CSS Frameworks
01:31:42 Copy Code and Convert to our Project
01:47:18 Keeping Track of Files with Git
01:55:14 Push to GitHub
02:03:28 Starting Over
02:14:33 Section Recap
02:17:50 Section: Python Web Apps with Cursor
02:17:51 Cursor Web App Development
02:19:23 Configure Development Environment
02:26:22 Cursor Rules for VMs
02:31:33 Login to the GitHub CLI
02:36:29 Git and Root Project
02:41:52 Setup a Python App Environment
02:46:47 Configure Base Django Project
02:51:15 NGINX and Django
03:01:53 Loading Secret Values in Python
03:08:06 Using Gunicorn to Run Django
03:12:31 Run Django in the Background of VMs
03:21:16 Render HTML Pages with Django
03:25:57 Reduce HTML Code with Django Templates
03:34:45 Unlimited Web Pages with URL Params
03:41:56 Version Control and Generative AI
03:48:33 Serving Static Files
03:52:40 Handling Custom Static Files
03:59:33 Django Admin and Users
04:05:51 Custom Django App to Store Data
04:13:07 Display Database Stored Data
04:23:20 Use a Production-Grade Database
04:28:51 Integrate Django and Neon Postgres
04:38:32 Cloning a VM and Branching a Database
04:52:49 User Login and Logout
04:56:15 User Sign Up Page
04:58:35 Adding User-based Comments
05:09:47 Contact Us Form and Entries
05:20:41 A User Dashboard
05:27:20 Thank you and next steps

CodingEntrepreneurs
Автор

Loving the long format. This is perfect for learning to set up a Django project for a non-developer. More please !

RuneSkretting
Автор

I'm thoroughly enjoying this tutorial course! Unlike other AI code generators/tools I've tried, this one provides a comprehensive foundation in the tool's fundamentals. With other tools, when issues arose, I struggled to troubleshoot due to my limited knowledge and understand of how they worked. This course stands out from typical YouTube content with its exceptional depth and clarity. I'm eagerly anticipating the Next.js session!

reginaldcobb
Автор

I absolutely can not believe that this awesome video found me right in the exact moment I needed it most. Thank you for compiling so much useful information in this practical format. This is one of the best YouTube tech videos I came across ever.

hefty_ffm
Автор

Sometimes when you are using the cursor chat or composer I can't see the full command or script that was generated in your pane because it is too narrow. Unfortunately, I'm getting very meaningfully different results with some of the code generated by claude/cursor despite trying to honor all your inputs including naming conventions.


Otherwise, this video is stellar. I've learned a ton. I appreciate the different ways that you approach setting up different files. Also, explaining things to the small detail is extremely helpful - including the forward-looking practical details and tradeoffs.

dougmcmaster
Автор

Dayum I am still stuck with Twitter-like App, and this dude is putting out content left and right. Nice coding Chad😁!

Lightbringer_
Автор

Instant like and subscribe. I really like these super long super detailed in depth course videos tutorials. Where absolutely all the steps and features are explained and I can follow along with the code for the project.

konstantinrebrov
Автор

Fyi, you also also have to install OpenSSH on your local machine in order to use SSH to connect to a VM

riley_blackwell
Автор

Justin brother thank you. This info is so helpful, keep it up. Love your work ❤

Mrjeschaeffer
Автор

Sir! When will a new video be released?

zvptthl
Автор

Does this cover async or background jobs? I need a queue and my jobs take like 10 mins to complete

morenoh
Автор

I would like to take a programing logic course with python 😢

elliscaicedo
Автор

Hey, this is awesome. But, what do you say, how about removing the words "go ahead" from your vocabulary. This youtube trope is sadness in a glass. Join me and fight it!

heavygeevr
Автор

Please prepare course on cursor and fastapi and any localllm with langgraph. This way I can learn GenAI app building.

CyberCoachU
Автор

Alisson Becker? When did you shift your career?! ⚽🔀🖥

AhmedFathy
Автор

Step 1: Ask ChatGPT
Step 2: Congratulations!

E_Crypto