Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)

Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)

Other
Size
24.4 GB
Seeders
10
Leechers
2
Files
99
Category
Other
Added
03/23/23 at 7:39pm GMT+1
Infohash
9c55c401938f7ddfe3d4bf648b2b406be71aa667

Description


Description



NEW Next.js 13 Projects. Build 4 brand new NextJS hands-on projects including IMDB, Instagram, Twitter and Google clones.



Welcome to the best course for learning next js through the development of real-world applications.



This is a project-based course that includes hands-on projects such as Instagram and Google clones.



We are going to use the best practices of Nextjs to design and build fully functional websites.



So far, three projects have been created for this course , including IMDB, Instagram, and Google clones, and more projects are being added each month. You can check the preview of each project in the course curriculum.



In this brand new course, you will learn rendering techniques such as how to build static site pages, server side rendering and incremental static regeneration. You will learn about pagination, image uploading functionality, and state management using recoil. You are going to be able to build amazing responsive websites with Tailwind CSS latest version (3.0).



This course also teaches you how to use Firebase for database and storage. We are going to use next-auth for authentication. And you are going to learn how to use TMDB and google search APIs.



Finally, you are going to learn how to deploy your apps using vercel with your own custom domain name.



My name is Sahand, and I have over 16 years of programming experience.



I will be your instructor and answer any questions you may have in the Q&A section.



The project you are going to build in this course:



   IMDB Clone (Next.js 13)

       use TMBD database

       style with Tailwind CSS

   Instagram Clone

       use Firebase for database and storage

       style with Tailwind CSS

       authenticate using next-auth

       apply like and comment functionality

       add upload functionality and use Image tag of nextjs

   Google Clone (Next.js 13)

       style with Tailwind CSS

       authenticate using next-auth

       use google search api

       include web and image search

   Twitter Clone

       style with Tailwind CSS

       authenticate using next-auth and Firebase auth

       apply like and comment functionality

       add upload functionality and use Image tag of nextjs



Who this course is for:



   Developers who want to start using NextJS and build real-world applications

   Students who want to strengthen their portfolio with clone projects



Requirements



   Basic understanding of HTML, CSS, Javascript and React

   A Mac, Windows, or Linux computer



Last Updated 2/2023

File list
  • Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)
  • .pad/0 72 B
  • TutsNode.net.txt 63 B
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/1. Intro.srt 2.7 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/1.1 Source code and final version.html 99 B
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/11. Add card component.srt 42.3 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/12. Add movie page.srt 29.1 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/13. Add search ability.srt 35.3 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/15. search params object is empty in production with next 13 app.html 578 B
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/2. Install Next js 13.srt 27.4 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/3. Install Tailwind CSS.srt 17.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/4. Create the header section.srt 34.2 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/5. Add dark mode.srt 42.2 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/7. Create the navbar component.srt 20.5 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/1. Project - IMDb Clone (Next 13)/8. Fetch data from TMDB API in the home page.srt 30.5 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/1.1 Source code and final version.html 116 B
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/10. 10 - Complete the search header options.srt 23.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/11. 11 - Fetch data from google search API and show the titles.srt 24.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/12. 12 - Handle possible errors.srt 16.4 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/13. 13 - Create search result component.srt 33.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/14. 14 - Add image results.srt 28.9 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/15. 15 - Add pagination component.srt 36.3 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/16. 1.srt 23.4 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/17. 2.srt 12.3 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/2. 02 - Install next js and create the first template.srt 32.4 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/3. 03 - Install tailwind css.srt 13.5 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/4. 04 - Add home header component.srt 25.7 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/5. 05 - Add body section.srt 62.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/6. 06 - Add footer component.srt 34.5 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/7. 07 - Create search page for web and image.srt 12.7 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/8. 08 - Update the search header component.srt 22.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/2. Project - Google Clone (Next 13)/9. 09 - Complete the search box component.srt 32.2 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/1.1 Final version.html 89 B
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/1.2 GitHub Repository.html 103 B
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/14. Create the mini profile component.srt 13.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/15. Build the suggestion part of the feed component.srt 18.1 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/16. Install next-auth and firebase and initilize the firebase.srt 22.7 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/17. Complete the signin page.srt 25.5 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/18. Get the session and modify the header component with google data.srt 15.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/19. Modify mini profile and story components to include the session.srt 25.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/2. Install Nextjs and Tailwind CSS and create homepage template.srt 13 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/20. Install recoil and add atom and UploadModal component.srt 23 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/22. Complete the UploadModal component.srt 25.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/23. Create a post and add it to firestore and get the downloadURL.srt 43.3 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/24. Get the post data from database and show it in the feed section.srt 16.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/26. Add comment to the firebase database.srt 15.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/27. Show comments in the comments section and get data from the firebase database.srt 22.9 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/28. Apply like functionality.srt 28.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/29. Deploy to vercel.srt 19.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/3. Add instageram logo to the left side of the header component.srt 19.5 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/31. Update 2 - add firebase auth insead of next-auth.mp4 690.4 MB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/31. Update 2 - add firebase auth insead of next-auth.srt 56.7 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/4. Add search bar to the header component.srt 14.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/7. Populate fake data using minifaker and create feed and story components.srt 20.2 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/8. Style the story section and install tailwind-scrollbar.srt 12.2 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/3. Project - Instagram Clone/9. Create posts and post components and make some dummy data.srt 12.3 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/10. Install next-auth and firebase and initialize the firebase.srt 16.4 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/11. Complete the signin page.srt 27 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/12. Get the session and modify sidebar and input components.srt 29.3 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/13. Send data to firebase and add loading effect.srt 57.7 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/14. Get post data from firestore and show them in the post section.srt 21.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/15. Add like functionality to the post.srt 33 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/16. Add delete functionality to the post.srt 20.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/17. Add animation effect using framer motion.srt 16.1 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/18. Install and implement recoil.srt 18.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/19. Install and implement react-modal.srt 52.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/2. Install Nextjs and Tailwind CSS.srt 19.1 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/20. Send comments to firestore, show the number of comments, & redirect by useRouter.srt 24.2 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/21. Create post page.srt 38.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/22. Get the comments from firestore and create the comment component.srt 15.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/23. Complete the comment component.srt 27.5 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/24. Deploy to vercel and fix the errors.srt 23.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/25. Update - add firebase auth and remove next-auth.mp4 813.7 MB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/25. Update - add firebase auth and remove next-auth.srt 74.9 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/3. Create Sidebar component.srt 49.2 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/4. Create feed component and its header.srt 16.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/5. Add the input section of the feed component.srt 26.3 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/6. Add the post section of the feed component.srt 34.4 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/7. Create the widgets component and the search bar.srt 15.3 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/8. Create the news section of the widgets component.srt 31.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/4. Project - Twitter Clone/9. Create the random users section of the widgets component.srt 26.4 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/5. Project - IMDb Clone (Next 12)/1.2 GitHub repository.html 107 B
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/5. Project - IMDb Clone (Next 12)/3. Install Next.js and Tailwind CSS.srt 18 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/5. Project - IMDb Clone (Next 12)/5. Create the header component.srt 17.5 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/5. Project - IMDb Clone (Next 12)/6. Style the header section.srt 15.5 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/5. Project - IMDb Clone (Next 12)/7. Create the Navbar component and requests.js.srt 19 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/5. Project - IMDb Clone (Next 12)/8. Create server side function and pass it to client side.srt 14.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/5. Project - IMDb Clone (Next 12)/9. Create card component.srt 18.7 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/10. Get data from google api and create the mock data.srt 26 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/11. Create the about data section and modify the title in search page.srt 12.2 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/12. Complete the result section and install html react parser.srt 18.9 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/13. Create pagination component.srt 22.9 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/14. Add image results component.srt 24.5 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/15. Deploy and fix the remaining buttons.srt 30.4 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/2. Install NextJS and Tailwind CSS.srt 13.8 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/3. Create the header section.srt 13.6 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/4. Add authentication and get user data from google.srt 50.9 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/5. Create the body section.srt 33.9 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/8. Create search header component.srt 34 KB
  • [TutsNode.net] - Next.js Projects - 4 NextJS 13 projects (Instagram, Google.)/6. Project - Google Clone (Next 12)/9. Create search header options component.srt 30.8 KB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.


Similar torrents
NameSizeDate
12.8 GB04/30/24238
964 MB04/22/24211
1.7 GB06/10/23180
2.8 GB01/16/23160
27.4 GB03/23/231610
33 MB12/28/23130
18.7 GB10/10/21121
49 MB01/22/24110
2.1 GB02/29/24111
24.4 GB03/23/23102
9.4 GB11/21/2190
19 MB04/15/2390
3 GB02/29/2491
12 MB10/09/2590
7 MB06/02/2381