Build a Content Engine with Django, Kubernetes, TailwindCSS, Twingate, AWS S3, & HTMX FULL TUTORIAL

CodingEntrepreneurs January 29, 2024
Video Thumbnail
CodingEntrepreneurs Logo

CodingEntrepreneurs

@codingentrepreneurs

About

Learn, Build, and Earn. Coding Entrepreneurs is here to help you learn the skills you need to build the projects you want. Learn by doing everything we do step-by-step. Practical and hands-on. Let's do this. 💽 Code: https://github.com/codingforentrepreneurs 🚀 Enroll. Learn to code. Launch your project: https://cfe.sh/enroll 🚀

Video Description

Build a Content Engine with Django, Kubernetes, TailwindCSS, Twingate, AWS S3, & HTMX FULL TUTORIAL 🚀 Sign up for Twingate right now: https://www.twingate.com/?utm_source=youtube&utm_medium=referral&utm_campaign=CodingEntrepreneurs 🚀 Check out the Twingate K8s Operator: https://github.com/Twingate/kubernetes-operator/wiki/Getting-Started 💻 Project Code: https://github.com/codingforentrepreneurs/content-engine ▶︎ References ● Django on Docker guide: https://cfe.sh/blog/django-on-docker ● Docker & Docker Compose tutorial series: https://cfe.sh/projects/docker-and-docker-compose ● Github Actions guide: https://cfe.sh/blog/django-github-actions ● Akamai Linode Promo credit for new accounts: https://linode.com/justin ● Project Code: https://github.com/codingforentrepreneurs/Django-Kubernetes ● Install KubeCTl on Mac: https://youtu.be/NAOsLaB6Lfc?si=S8rQX80PcMHZmHip&t=432 ● Install Kubectl on Windows: https://youtu.be/NAOsLaB6Lfc?si=6EGORKraEv5yi1BE&t=768 ● Using Docker & Dockerfiles to Containerize Django: https://youtu.be/qx9nshX9CQQ?si=7t713xmsF7hPcVrL&t=14631 ● Integrating Tailwind & Django (in-depth): https://www.youtube.com/watch?v=lsQVukhwpqQ 0:00:00 Welcome & Demo 0:16:25 Requirements 0:19:05 Why we use Django in Containers 0:22:07 Automate Django as a Container 0:36:23 Setup Local Django Environment 0:43:55 Why we use Kubernetes 0:47:37 Provision Kubernetes Cluster 0:53:15 Your First Running Container on Kubernetes 0:58:17 Environment Variables with ConfigMaps 1:03:17 Env Vars with K8s Secrets 1:09:15 The Kubernetes Way of Doing SSH 1:12:31 Multiple Pods & K8s Selectors 1:16:33 Managing Pods with Deployments 1:25:08 Serve External Traffic with K8s Services 1:33:56 Update Django Project and Rollout Changes 1:41:00 GitHub Actions Workflow for Kubectl 1:48:42 GitHub Actions as our Secrets Manager 1:56:13 Setup Twingate Network and Client 2:01:59 Integrate Twingate with Kubernetes via Connectors 2:09:00 Your First Twingate Resource 2:12:44 K8s Service DNS + Twingate 2:15:03 Postgres DBs via Twingate and Kubernetes 2:22:47 Loading Env Vars with Python Decouple 2:31:14 Integrate Postgres + Django 2:39:11 Verify Postgres with our K8s Deployment 2:45:15 Django Static Root and Auto Containers 2:51:41 Implement Whitenoise in Django 2:56:25 Using Tailwindcss, Flowbite & Django 3:08:30 The Content Engine Features 3:11:04 Our Project Model 3:16:53 Override Save to Generate Slug Handle 3:18:47 Unique Slugify For SlugFields 3:30:40 Project Activation Views 3:40:36 Custom Middleware for request.project 3:44:52 Caching with Middleware for Project Activation 3:53:29 Items for Projects 4:00:15 Item Model Form and Create View 4:10:05 Styling Django Forms the TailwindCSS Way 4:22:44 Item List and Detail View 4:30:06 Item Update View 4:36:20 Item Delete View 4:40:47 Project CRUD Views 4:54:51 Cleaning Up Project CRUD 5:05:51 Flowbite Navbar 5:15:24 Context Processor to View Projects 5:24:15 Activate Project Methods 5:31:41 Dashboard Table View 5:39:35 Project Required Decorator 5:53:18 Dynamic QuerySet Loading with HTMX 6:03:06 HTMX for Rendering Django Forms 6:09:12 Handling Django Forms with HTMX 6:12:07 Custom HTMX Trigger Event 6:18:21 Integrating HTMX with TailwindCSS 6:24:56 Delete Items with HTMX 6:31:04 Inline Row Edit with HTMX 6:38:31 Status Field with Django TextChoices 6:42:43 Dynamic Status Dropdown Select 6:49:17 Saving Dynamic List View Changes with HTMX 7:02:50 Amazon Web Services S3 Bucket and IAM Permission Setup 7:08:46 Integrating Python with S3 Buckets Using Boto3 7:24:07 Display S3 Objects via HTMX 7:35:26 View Bucket Contents via Presigning S3 Objects 7:45:16 Delete S3 Object with HTMX and Boto3 7:58:08 Presign File for Uploading to S3 Via Boto3 8:20:56 XMLHttpRequest for Upload and Progress 8:37:13 Upload Form in Item Detail View 8:48:28 Granting Access to Users 8:50:31 Project User through ManyToMany 8:59:32 Custom QuerySet for User Access 9:10:32 Thank you 08:48:28 Granting Access to Users 08:50:31 Project User through ManyToMany 08:59:32 Custom QuerySet for User Access 09:10:32 Thank you

You May Also Like

No Recommendations Found

No products were found for the selected channel.