In a hands-on project (Instagram clone), build an Instagram clone from scratch using NextJS, Firebase and Tailwind CSS.
I am thrilled to have you join me for the best course available for learning next js, Firebase, and Tailwind CSS by creating a real-world application.
This is a hands-on course that focuses on project-based learning and includes an Instagram clone project.
When it comes to the design and development of fully functional websites, I will be utilizing the best practices that Nextjs has to offer.
You will learn about the server-side rendering technique in this brand-new course. This lesson will go over the functionality of image uploading as well as state management with recoil. You will be able to create incredible responsive websites using the most recent version of Tailwind CSS (3.0).
This course will also teach you how to use Firebase as a database and storage solution. Next-auth will handle the authentication process.
Finally, you will learn how to deploy your applications using Vercel and a domain name that is uniquely yours.
My name is Sahand, and I have more than 16 years of programming experience.
I will be your instructor and will answer any questions you may have in the Question and Answer section.
The following are the main components of this class’s final project:
Tailwind CSS is used for styling. Authenticate the user with both next-auth and Firebase auth. Use the like, delete and comment features.
Who this course is for:
Those students who are interested in creating a portfolio project (Instagram Clone) Those developers who want to learn NextJS and build an application that can be used in the real world.
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/2. Installation/1. Install Nextjs and Tailwind CSS and create homepage template.mp4
126.5 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/3. Header section/1. Add instagram logo to the left side of the header component.mp4
209.7 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/3. Header section/2. Add search bar to the header component.mp4
163.3 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/3. Header section/3. Add the menu and profile image at the right side of the header.mp4
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/4. Story section/1. Populate fake data using minifaker and create feed and story components.mp4
259.6 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/4. Story section/2. Style the story section and install tailwind-scrollbar.mp4
143 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/5. Feed section/1. Create posts and post components and make some dummy data.mp4
137.9 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/5. Feed section/2. Create the header and image sections of the post component.mp4
144.5 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/5. Feed section/3. Create the buttons section of the post component.mp4
103.3 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/5. Feed section/4. Add the caption and input box of the post component.mp4
146.2 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/5. Feed section/5. Make the feed section responsive.mp4
83.2 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/6. Mini profile and suggestion section/1. Create the mini profile component.mp4
148.3 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/6. Mini profile and suggestion section/2. Build the suggestion part of the feed component.mp4
228.5 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/7. Authentication using Firebase and next-auth/1. Install next-auth and firebase and initilize the firebase.mp4
253.4 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/7. Authentication using Firebase and next-auth/2. Complete the signin page.mp4
285.6 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/7. Authentication using Firebase and next-auth/3. Get the session and modify the header component with google data.mp4
187.9 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/7. Authentication using Firebase and next-auth/4. Modify mini profile and story components to include the session.mp4
298.1 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/8. Upload modal/1. Install recoil and add atom and UploadModal component.mp4
232.9 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/8. Upload modal/2. Install and impliment react-modal.mp4
141.1 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/8. Upload modal/3. Complete the UploadModal component.mp4
342.4 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/9. Add functionality to the feed section/1. Create a post and add it to firestore and get the downloadURL.mp4
513 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/9. Add functionality to the feed section/2. Get the post data from database and show it in the feed section.mp4
222.8 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/9. Add functionality to the feed section/3. Hide buttons and input section when the user is logged out.mp4
145.7 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/9. Add functionality to the feed section/4. Add comment to the firebase database.mp4
217.8 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/9. Add functionality to the feed section/5. Show comments in the comments section and get data from the firebase database.mp4
296.4 MB
[TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/9. Add functionality to the feed section/6. Apply like functionality.mp4
350 MB
Alternative Torrents for 'Nextjs Firebase and Tailwind CSS project Instagram clone'.
