Nextjs, Firebase and Tailwind CSS project - Instagram clone

Nextjs, Firebase and Tailwind CSS project - Instagram clone

Other
Size
6.5 GB
Seeders
4
Leechers
1
Files
64
Category
Other
Added
01/10/23 at 6:31pm GMT+1
Infohash
c20db4534cf523695ed6e0515a664184c3a79c3c

Description


Description



A NEW PROJECT BASED ON NEXT.JS AND FIREBASE.



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.



Requirements



   The Foundations of React

   HTML, CSS and JavaScript



Last Updated 12/2022

File list
  • Nextjs, Firebase and Tailwind CSS project - Instagram clone
  • .pad/0 256.7 KB
  • .pad/1 1019.2 KB
  • .pad/10 68.6 KB
  • .pad/11 551.4 KB
  • .pad/12 189 KB
  • .pad/13 251.8 KB
  • .pad/14 357.4 KB
  • .pad/15 132.9 KB
  • .pad/16 707.4 KB
  • .pad/17 762.1 KB
  • .pad/18 828.8 KB
  • .pad/19 312.1 KB
  • .pad/2 38.4 KB
  • .pad/20 479.4 KB
  • .pad/21 1012.1 KB
  • .pad/22 932.3 KB
  • .pad/23 90.2 KB
  • .pad/24 461.2 KB
  • .pad/25 723.6 KB
  • .pad/26 443.4 KB
  • .pad/27 776.8 KB
  • .pad/28 541 KB
  • .pad/29 690.6 KB
  • .pad/3 619.1 KB
  • .pad/4 958.4 KB
  • .pad/5 565.6 KB
  • .pad/6 388.3 KB
  • .pad/7 402.8 KB
  • .pad/8 604.8 KB
  • .pad/9 998.6 KB
  • TutsNode.net.txt 63 B
  • [TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/1. Introduction/1. Intro to instageram clone project.mp4 43.6 MB
  • [TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/1. Introduction/1.1 Final version.html 96 B
  • [TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/1. Introduction/1.2 Github Repository.html 103 B
  • [TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/10. Deployment/1. Deploy to vercel.mp4 241 MB
  • [TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/11. Updates/1. Update 1 - show the number of likes.mp4 82.5 MB
  • [TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/11. Updates/2. Update 2 - add firebase auth insead of next-auth.mp4 728.7 MB
  • [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 101.6 MB
  • [TutsNode.net] - Nextjs, Firebase and Tailwind CSS project - Instagram clone/3. Header section/4. Implement sticky header.mp4 76.3 MB
  • [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

Rating
Not rated yet
Log in to rate

Comments

No comments yet.


Similar torrents
NameSizeDate
43 MBToday4082527211
7 MBToday4078027198
2.9 GB07/14/263852664
2.4 GB07/20/262125666
1 GB07/06/262097376
712 MB07/13/262027423
819 MB07/20/261975561
3.5 GB08/12/2618791095
722 MB07/27/261875497
730 MB07/19/261582202
9.1 GB07/18/261577451
783 MB07/19/261569175
822 MB07/13/261480290
1.5 GB08/11/261325754
2.8 GB08/19/261292464