Do It Yourself – Tutorials – Build a full stack web application. Next.JS and Django Project.

by | Sep 27, 2021 | 0 comments

Do It Yourself – Tutorials – Build a full stack web application. Next.JS and Django Project.

by | Sep 27, 2021 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



Build a full stack web application. Next.JS and Django Project Tutorial.

Timecodes.
0:00 – Django and Next JS Project introduction
03:50 – Setting up and building the PythonDjango Rest Framework API
57:09 – Customise Django Admin and Setup Swagger Documentation.
1:07:10 – Next JS Basics. Setup a Next.JS and Folder Structure
1:16:31 – Next JS Custom Fonts/Data Fetching/Environment Variables and more.
1:43:33 – Next JS Head and CSS Modules.
1:58:27 – Next JS Link and Dynamic Routing
2:05:58 – Prefetching Data for Dynamic pages in Next.JS
2:15:40 – CSS Modules Landing page design
2:36:17 – Django CORS issue and NextJS Form submission
2:53:26 – Deploy a Django REST Framework API to Heroku
3:12:57 – Deploy a next Js application to Heroku
3:18:53 – How to add Google Analytics in Next JS

Am working on the Build an Instagram clone with Django, AWS, and Next JS course.

You will learn how to optimize media files by implementing Aws s3 buckets and AWS Lambda functions.
You will Learn Django channels to create a real-time messaging system as-is on Instagram.
You will learn how to create all the rest endpoints on Instagram.
And many more features as are on the actual instagram.com website

Join the waiting list here https://bit.ly/2X9XKxA

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>