17 OCT 2024 - Welcome Back to TorrentFunk! Get your pirate hat back out. Streaming is dying and torrents are the new trend. Account Registration works again and so do Torrent Uploads. We invite you all to start uploading torrents again!
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
[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
[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
[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
[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
[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
[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
[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
[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
[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
[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
[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
[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
[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
