Build your first Web App with Cursor AI, Python, Virtual Machines, and Neon Postgres
CodingEntrepreneurs CodingEntrepreneurs
364K subscribers
3,322 views
180

 Published On Oct 9, 2024

⭐️ Sign up for Neon right now! https://neon.tech/cfe

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
✅ Leverage Anthropic's Claude.ai right on your machine without copying and pasting
✅ 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!

Download cursor at: https://cursor.com

Virtual Machine Discounts:
🚀 Akamai Linode: https://linode.com/justin
🚀 DigitalOcean: https://do.co/cfe-youtube

⚓️ Code
💽 HTML Website with Cursor: https://github.com/codingforentrepren... (Section 1)
💽 Python Web Apps with Cursor:
https://github.com/codingforentrepren... (Section 2)

Thank you to Neon for sponsoring this course - sign up at https://neon.tech/cfe

🚀 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

show more

Share/Embed