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

[@CodingEntrepreneurs]

Thanks for watching. Here's a few quick references: Code: github.com/codingforentrepren... 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

[@silkogelman]

This is like discovering an entire new season of my favorite TV series has been released all at once! 🥳 Thank you so much for this Justin!🙏🚀

[@CodingEntrepreneurs]

😂 thanks for the good smile

[@leocrawf]

Really good to see premium HTMX content getting good.

[@CodingEntrepreneurs]

HTMX is my jam

[@kaanatsever2333]

The course I've been waiting for has just been uploaded. Today is a good day.

[@CodingEntrepreneurs]

💯 also, thank you!

[@visioCrystal_01]

--- SECTIONS FOR EASY NAVIGATION --- ## Introduction - 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 ## Django Setup - 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 ## GitHub Actions - 1:41:00 - GitHub Actions Workflow for Kubectl - 1:48:42 - GitHub Actions as Our Secrets Manager ## Twingate Integration - 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 ## Postgres Integration - 2:22:47 - Loading Env Vars with Python Decouple - 2:31:14 - Integrate Postgres + Django - 2:39:11 - Verify Postgres with Our K8s Deployment ## Django Enhancements - 2:45:15 - Django Static Root and Auto Containers - 2:51:41 - Implement Whitenoise in Django - 2:56:25 - Using TailwindCSS, Flowbite & Django ## Project Features - 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 ## Additional Features - 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 ## AWS - 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 - Displaying S3 Objects via HTMX - 7:35:26 - Viewing Bucket Contents and Presigning S3 Objects - 7:45:16 - Deleting an S3 Object with HTMX and Boto3 - 7:58:08 - Presigning File for Uploading to S3 Via Boto3 - 8:20:56 - XMLHttpRequest for Upload and Progress - 8:37:13 - Upload Form in Item Detail View ## User Access - 8:48:28 - Granting Access to Users - 8:50:31 - Project User through ManyToMany - 8:59:32 - Custom QuerySet for User Access ## Conclusion - 9:10:32 - Thank You

[@gatuhcreations]

its good to see your progress over time

[@CodingEntrepreneurs]

Thank you

[@wmshakespeare]

If you want to code along, start at 0:22:07 when Justin imports the Django Auto Container.

[@amitavasengupta5580]

Incredible. Can't believe how it's free

[@gustavojuantorena]

Wow! This is an incredible content. Thank you very much

[@clarencereyes31]

Thank you for your amazing efforts 👏Your Django and Web Development content teaches so many valuable concepts in starting our own web project ideas, keep up the great work 🚀

[@alexdin1565]

wooo 9 hours perfect content as always please can make a video on how we can override the admin area with tailwind or bootstrap?

[@CodingEntrepreneurs]

I like it! We need a repo that has this in place so you can just copy their admin templates to override.

[@Noritoshi-r8m]

Aaaand done, great stuff, learned a lot.

[@aashayamballi]

Thank you!

[@CodingEntrepreneurs]

You know it!

[@laysskheir394]

Thanks! Please make more videos content on Django, DRF, Docker, and React Full stack projects and using tools like Redis, celery, Nginx , gunicorn

[@CodingEntrepreneurs]

Do you have project ideas with this stack?

[@madatbay]

It would be better to have some kind of SaaS project with next.js + drf including jwt authentication, RSC, server actions, some best practices for increasing performance, seo of project, tailwind + shadcn for speeding up things? Both FE and BE deployments and some other tech stuff mentioned above. This will be perfect fit for channel name and purpose

[@CodingEntrepreneurs]

​@@madatbay Next.js with Django & DRF is interesting for sure -- basically replace Next's built-in API backend with Django's. but... django with HTMX is a great way to build out a proof of concept before investing in other UI / frontend tech. Once you have a PoC maybe the other tech is worth integrating but it's far more complex and thus dev time could be massive.

[@laysskheir394]

I've successfully built e-commerce, LMS, and other projects using this powerful stack. Now, I'm eager to deepen my expertise, especially with Docker in Django and Next.js, and make projects like Miro clone Real-time using channels , you should make video about this stack @@CodingEntrepreneurs

[@genshen4703]

thanks a lot, you're fire!

[@CodingEntrepreneurs]

You’re 🔥

[@charlie64x2]

Haven't watched it but already like it. Thanks!

[@tilerai]

amazing job

[@joshbleijenberg4000]

This is amazing

[@Yogesh-i3k]

How to get those tailwind css configured in production help out justine

[@pravarsharma]

Hi Justin, Do we really need django templates at this point where at some point our product is going to be humongous, and need mobile development, may be selling our API as 3rd part, then we have develope our product with API's (DRF), isn't it a repetitive approach, referring current scenario where we are shifting more towards API development, thoughts?

[@CodingEntrepreneurs]

There’s a massive wave towards leveraging HTML over JSON (thanks to tools like HTMX). While you can go Rest API first, it’s not always the right approach. HTML is major and works well. JavaScript is always changing. HTML over the wire and htmx are built with this in mind. It’s not exactly an either or. Rest apis can still be added without much extra work.

[@CodingEntrepreneurs]

If you need to build a mobile app right away, then yeah Rest API first all the way. Mobile apps mean app stores which mean approvals for listing on the app stores. HTML = internet = no approvals

[@lightyagami4667]

You're the god

[@el-hech2889]

batman is that u ?

[@CodingEntrepreneurs]

💯

[@HorsyPotter]

fr real man 😂 but I would say more than that.

[@homeroacuna8210]

I think I'm in love

[@learnings.academy]

Wow, I'll be doing it in practice In sha Allah

[@ricardorodriguez4180]

9 hours. My man.

[@CodingEntrepreneurs]

Let’s do this bud

[@bubaisubrata]

Can you make video(s) on wagtail?

[@Web85]

If I want to get job as a fresher django developer. Is it mandatory to learn django rest framework aswell

[@CodingEntrepreneurs]

No! Build a full Django project with HTMX

[@dgiri2333]

Sir can you do Geodjango and georestapi do geoprojects its more productive and realtime

[@Asmrprogrammingfull]

Make an education app. Users are students, teachers, faculty administrators and administrators

[@rokrok27]

what the fucc is a content engine

[@ianwegerle269]

When I go the Settings>Secrets and variables>Actions I get Repository secrets. Not Environment secrets like you. What am I doing wrong?

[@CodingEntrepreneurs]

Go To your Repo > Settings > secrets and variables > Actions > New repository secret

[@sanketkanade9548]

any perquisites to this or can just follow along

[@CodingEntrepreneurs]

Some Django is ideal

[@CodingEntrepreneurs]

I talk about what exactly in the video

[@ordinarygg]

HOLLLYY COMPLEX SH***T, this is absolute nuts to have a couple of pages with html and css. FYI: all tech to master here requires your 10 years of life))))))))))

[@CodingEntrepreneurs]

Who said anything about master it? Using these tools does not require a master. This video is evidence of that.

[@ordinarygg]

@@CodingEntrepreneurs yes 10 hours LOL