Next.js Beginner CRUD & Image App Tutorial 📘

Learn to build a user CRUD and image creator with Next.js. Get free Cloudinary credits and start coding today!

Next.js Beginner CRUD & Image App Tutorial 📘
LearnWebCode
34.9K views • Sep 5, 2024
Next.js Beginner CRUD & Image App Tutorial 📘

About this video

Get extra free credits for your Cloudinary account here: https://cld.media/learnwebcode

Let's code a user generated CRUD and image creator powered by Next.js, MongoDB, and Cloudinary.

My premium courses https://learnwebcode.com/

Here is the link to our db.js boilerplate: https://gist.github.com/LearnWebCode/9b412da25787489e82141717d3995d1f

Here is the link to the "aspect-ratio.png" image file: https://raw.githubusercontent.com/LearnWebCode/youtube-next-haiku/main/public/aspect-ratio.png

Here is the link to the finished product reference GitHub repo: https://github.com/LearnWebCode/youtube-next-haiku

0:00 Intro
3:10 Next.js
12:00 Styling & Layout
23:15 Sign Up Form (Server Actions)
51:20 MongoDB
1:02:32 Cookies & JSONWebTokens
1:33:07 Create Haiku
2:01:53 Edit & Delete Haiku
2:25:33 Upload Image with Cloudinary
3:05:57 Fine Tuning

Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
Twitch: https://www.twitch.tv/learnwebcode

Video Information

Views

34.9K

Likes

1.1K

Duration

03:25:42

Published

Sep 5, 2024

User Reviews

4.7
(6)
Rate:

Related Trending Topics

LIVE TRENDS

Related trending topics. Click any trend to explore more videos.