Next.js and Django Image Uploading
🔥 Subscribe to my YouTube + Turn on Notification Bells!
👉 / @bryanberk
Hey, Bryan here. I share videos that help web developers up their development skills!
Today I'll be sharing a tutorial video on how to pass files along from a React frontend to a Django backend and have that backend store that file which in this case will be an image. In particular, in this series we'll use Next.js in order to have server side rendered React, and with Django we'll use the Django Rest Framework in order to help with the API.
Here is an overview of the things you will learn in this tutorial project:
1. Setting up a Next.js and Django Project.
2. Uploading files on the frontend.
3. Passing a file to a Django backend.
4. Taking a file from the frontend and storing it in our backend.
5. How to pass back images from the backend to the frontend and display them using the Image component in Next.js.
To stay up to date with the best web development content, make sure you subscribe to My YouTube channel Today!
Final project code can be found at: https://github.com/linkedweb/image_up...