Build A Full-Stack Social Media App With Next.js 15 - Part 2/2

Project files:

📣 Follow Coding in Flow on social media:

Timestamps:
0:00 - User tooltip & react-linkify-it
30:26 - Update user profile & upload avatar (UploadThing, react-cropper, react-image-file-resizer)
1:42:48 - Post media uploads (image & video)
2:38:48 - Drag & drop and copy-paste uploads
2:46:07 - Cron job to delete orphaned uploads (Vercel cron)
2:57:52 - Post details page
3:14:58 - Likes feature (optimistic updates)
3:35:14 - Bookmarks feature
3:50:27 - Comments feature (with infinite loading)
4:49:02 - Notifications feature (Prisma transactions)
5:39:06 - Direct messages feature (Stream Chat)
7:20:36 - Google signin (OAuth2, Lucia)
7:48:20 - Search feature (+ rewrites)
8:01:51 - Deployment (Vercel, custom install command)

[codinginflow]

If you made it to part 2 you are a certified legend!

[Suituy]

I am an amateur from Taiwan. I am very lucky to see your videos. I completed part1-part2 even though I could barely understand 10% of English. Thank you very much for your efforts. The world has become a better place with you., thank you very much

[bellawankusuma]

What a great crash course! This is my first experience in making an app within 16 hours. Can't imagine how long did you take for coding and error before making this fully working great app tutorial! I like how you recall all the stuff behind, and explain basic knowledge of javascript and react. Congratulation on your work!

[yashdarji]

feel sad for views on part 2, this project worth more than a paid courses, or more than internships which is failed to provide like this, Thank you sir for this amazing project which i never forget

[Devaratha]

Here we go the goat with part 2, lets go ❤🚀

[stuartallen]

I finally got through the whole series, thank you so much for putting this valuable info on the Internet for free 🙏

[nice-vfrj]

Made it all the way to the end, double like and sub! what a great guy!!

[sxmaxman]

Thanks for providing such a quality tutorial.

[stephanfranz]

This series has been invaluable in learning the ins and outs of NextJS, React Query, working with image uploads on Next, and general clean code (which alone is worth the watch of both parts!)

I'm building an app for a small animal rescue/shelter, and this series has been amazingly helpful.

Huge ask, but is there any possibility of an admin panel tutorial (either to extend this with user & post management, or just as a standalone with its own best practices)?

Anyways, HUGE thanks for the time and effort you put into making this series!

[Jaco_codeeza]

Part 1 done. Now im about to start part 2. Thanks Florian, Im enjoying the tutorial. Learning alot.

[sayankhutia]

Finally completed this amazing project. Thanks a lot Florian.

[briana]

I have looked at several tutorials but this is hands down the best one. I come from a CS background so I know good, clean code when I see one. Florian by far writes the cleanest code that is not hacky, which unfortunately is the case in some other tutorials.

[iam_greatful]

Man you are really certified legend! I love you

[Deus-lo-Vuilt]

wow, one of the best projects, thank you! you are a great teacher!

[aurumen]

Just completed it (skipped the messaging function though as I plan to implement it by myself). I learned a lot from this. Big thanks!

[PhdBui-ckxr]

Thanks. I have learned so much from your tutorials!

[owszystkim]

Thank you very much for this tutorial. I learned a lot especially about react query. These long videos have much more value than shorter (like 3h) tutorials.

[ECE_STUDENT-ch]

@codinginflow thanks for such a great video this make my resume look much better and the way you designed this project was awesome and there is less video that use raw code instead of tools. Thanks for this video 🎉

[santiagomelo]

Thank you very much for the course and being able to apply what I know about Typescript and learn prism

[rootbindev]

Now i finished it all! AMAZING tutorial thank you