Links : MongoDB: https://www.mongodb.com/ Express: https://expressjs.com/ React: https://react.dev/ Nodejs: https://nodejs.org/en Mongoose: https://mongoosejs.com/ JsonWebToken: https://www.npmjs.com/package/jsonwebtoken VsCode: https://code.visualstudio.com/ ____________________________ Subscribe to my channel : @DynamicCodingwithAmit https://www.youtube.com/@UCiqQwuijxf4HgfPlp7uBIEw for more web development ____________________________ Learn to build an advanced social media platform with our tutorial! Discover how to implement essential features like post, comment, post and Next Auth. Simplify your development process and create a modern UI that enhances the user experience. Join us and elevate your NextJS skills today! ⭐ Subscribe to our channel for more Full Stack tutorials and stay tuned for upcoming videos on advanced topics like authentication, pagination, and more. Don't forget to like this video and leave your comments below. Happy coding! ⭐ Follow us 💖 To Touch : ➡️Instagram : https://www.instagram.com/dynamiccodingwithamit/ ➡️Facebook page : https://www.facebook.com/DynamicCodingWithAmit ➡️Twitter : https://twitter.com/CodingAmit ➡️Github : https://github.com/IsAmitprajapati ➡️Personal LinkedIn : https://www.linkedin.com/in/itsamitprajapati/ Code : Complete Code : https://github.com/IsAmitprajapati/Facepedia-Build-a-COMPLETE-Full-Stack-Nextjs-App-with-Auth-Likes-Comment asset file : https://drive.google.com/drive/folders/13622BP1mhv9hyST43oJ0bkkFNHqd6f4K?usp=sharing Chapters : 00:00 Demo App 00:01:52 Install Nextjs and setup and Folder Structure 00:10:18 register and login api 00:15:40 setup the database 00:32:46 cloudinary setup in nextjs 01:06:19 login and register page header 01:09:34 register and login page frontend 03:55:21 Profile card Current User 04:18:03 upload post frontend 04:49:55 create upload post api 05:14:23 Create api for get all the post 05:18:05 Create frontend of post component display image and description 05:43:12 Like Frontend and Api 06:16:11 Create Comment Section In post and api 07:17:59 Add Friend and Remove Friend Api and UI 08:58:54 User Details page Api and create component 09:50:02 Complete Subscribe Channel #dynamiccodingwithamit #fullstack #nextjs #nextjs14
Links : MongoDB: https://www.mongodb.com/ Express: https://expressjs.com/ React: https://react.dev/ Nodejs: https://nodejs.org/en Mongoose: https://mongoosejs.com/ JsonWebToken: https://www.npmjs.com/package/jsonwebtoken VsCode: https://code.visualstudio.com/ ____________________________ Subscribe to my channel : @DynamicCodingwithAmit https://www.youtube.com/@UCiqQwuijxf4HgfPlp7uBIEw for more web development ____________________________ Learn to build an advanced social media platform with our tutorial! Discover how to implement essential features like post, comment, post and Next Auth. Simplify your development process and create a modern UI that enhances the user experience. Join us and elevate your NextJS skills today! ⭐ Subscribe to our channel for more Full Stack tutorials and stay tuned for upcoming videos on advanced topics like authentication, pagination, and more. Don't forget to like this video and leave your comments below. Happy coding! ⭐ Follow us 💖 To Touch : ➡️Instagram : https://www.instagram.com/dynamiccodingwithamit/ ➡️Facebook page : https://www.facebook.com/DynamicCodingWithAmit ➡️Twitter : https://twitter.com/CodingAmit ➡️Github : https://github.com/IsAmitprajapati ➡️Personal LinkedIn : https://www.linkedin.com/in/itsamitprajapati/ Code : Complete Code : https://github.com/IsAmitprajapati/Facepedia-Build-a-COMPLETE-Full-Stack-Nextjs-App-with-Auth-Likes-Comment asset file : https://drive.google.com/drive/folders/13622BP1mhv9hyST43oJ0bkkFNHqd6f4K?usp=sharing Chapters : 00:00 Demo App 00:01:52 Install Nextjs and setup and Folder Structure 00:10:18 register and login api 00:15:40 setup the database 00:32:46 cloudinary setup in nextjs 01:06:19 login and register page header 01:09:34 register and login page frontend 03:55:21 Profile card Current User 04:18:03 upload post frontend 04:49:55 create upload post api 05:14:23 Create api for get all the post 05:18:05 Create frontend of post component display image and description 05:43:12 Like Frontend and Api 06:16:11 Create Comment Section In post and api 07:17:59 Add Friend and Remove Friend Api and UI 08:58:54 User Details page Api and create component 09:50:02 Complete Subscribe Channel #dynamiccodingwithamit #fullstack #nextjs #nextjs14