Nextjs, Firebase 9 and Tailwind CSS 3 project - Twitter clone
- Type:
- Other > Other
- Files:
- 53
- Size:
- 7.5 GiB (8055106907 Bytes)
- Uploaded:
- 2023-01-10 18:25:24 GMT
- By:
-
tuts756
- Seeders:
- 4
- Leechers:
- 0
- Comments
- 0
- Info Hash: 542BA496C6DA1F7CD9D3B168F966EC601D100A86
(Problems with magnets links are fixed by upgrading your torrent client!)
Description
A NEW Project Using Next.js and Firebase. Construct a Twitter clone using NextJS and Firebase in a hands-on project (Twitter clone) from scratch.
We are excited to have you join us for the best course available for learning next.js, Firebase, and Tailwind CSS by building a real-world application.
This is a hands-on course that focuses on project-based learning and includes a Twitter clone project.
When it comes to the design and development of websites that are fully functional, we will be utilizing the best practices that Nextjs has to offer.
You will learn rendering technique which is called server-side rendering. In this brand-new course. The functionality of image uploading, as well as state management with recoil, will be covered in this lesson. Using the most recent version of Tailwind CSS (3.0), you will have the ability to create incredible websites that are responsive.
This course will also instruct you on how to make use of Firebase as a database and storage solution. The authentication process is going to be handled by next-auth.
In the end, you will discover how to deploy your applications by making use of Vercel while utilizing a domain name that is uniquely yours.
My name is Sahand, and I have over 16 years of experience in the field of programming.
I will be your instructor and will respond to any questions that you may have in the Question and Answer section.
The following are the main things that will make up the final project for this class:
Tailwind CSS is used for styling.
authenticate the user using next-auth as well as Firebase auth.
Make use of the like and comment functionality.
Add functionality for uploading files and make use of the Image tag in nextjs.
Who this course is for:
Students who want to have a portfolio project (Twitter Clone)
Developers who want to lean NextJS and build a real-world application
Requirements
Basics of React
HTML, CSS and JavaScript
Last Updated 12/2022
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/9. Updates/1. Update - add firebase auth and remove next-auth.mp4 | 865.13 MiB |
| TutsNode.net.txt | 63 B |
| [TGx]Downloaded from torrentgalaxy.to .txt | 585 B |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/1. Introduction/1.1 Final version.html | 95 B |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/1. Introduction/1.2 GitHub Repository.html | 102 B |
| .pad/0 | 886.2 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/6. Feed section functionality (like, comment, delete)/6. Install and implement react-modal.mp4 | 618.95 MiB |
| .pad/1 | 46.21 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/5. Authentication using Firebase and next-auth/4. Send data to firebase and add loading effect.mp4 | 604.58 MiB |
| .pad/2 | 429.68 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/3. The home page UI/1. Create Sidebar component.mp4 | 486.06 MiB |
| .pad/3 | 957.62 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/3. The home page UI/4. Add the post section of the feed component.mp4 | 406.83 MiB |
| .pad/4 | 178.88 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/7. Post page/1. Create post page.mp4 | 393.72 MiB |
| .pad/5 | 283.39 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/4. The home page widgets section/2. Create the news section of the widgets component.mp4 | 373.45 MiB |
| .pad/6 | 563.84 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/6. Feed section functionality (like, comment, delete)/2. Add like functionality to the post.mp4 | 350.98 MiB |
| .pad/7 | 17.06 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/5. Authentication using Firebase and next-auth/3. Get the session and modify sidebar and input components.mp4 | 316.22 MiB |
| .pad/8 | 798.14 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/4. The home page widgets section/3. Create the random users section of the widgets component.mp4 | 300.74 MiB |
| .pad/9 | 271.09 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/7. Post page/3. Complete the comment component.mp4 | 298.58 MiB |
| .pad/10 | 426.58 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/5. Authentication using Firebase and next-auth/2. Complete the signin page.mp4 | 284.19 MiB |
| .pad/11 | 831.61 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/3. The home page UI/3. Add the input section of the feed component.mp4 | 250.83 MiB |
| .pad/12 | 177.3 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/6. Feed section functionality (like, comment, delete)/1. Get post data from firestore and show them in the post section.mp4 | 248.29 MiB |
| .pad/13 | 722.52 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/6. Feed section functionality (like, comment, delete)/7. Send comments to firestore, show the number of comments, & redirect by useRouter.mp4 | 230.11 MiB |
| .pad/14 | 906.67 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/8. Deployment/1. Deploy to vercel and fix the errors.mp4 | 218.15 MiB |
| .pad/15 | 868.07 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/6. Feed section functionality (like, comment, delete)/3. Add delete functionality to the post.mp4 | 199.62 MiB |
| .pad/16 | 390.2 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/6. Feed section functionality (like, comment, delete)/5. Install and implement recoil.mp4 | 185.83 MiB |
| .pad/17 | 169.2 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/6. Feed section functionality (like, comment, delete)/4. Add animation effect using framer motion.mp4 | 177.34 MiB |
| .pad/18 | 673.22 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/5. Authentication using Firebase and next-auth/1. Install next-auth and firebase and initialize the firebase.mp4 | 174.55 MiB |
| .pad/19 | 459.73 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/2. Installation/1. Install Nextjs and Tailwind CSS.mp4 | 163.62 MiB |
| .pad/20 | 394.16 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/4. The home page widgets section/1. Create the widgets component and the search bar.mp4 | 159.1 MiB |
| .pad/21 | 921.65 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/7. Post page/2. Get the comments from firestore and create the comment component.mp4 | 155.72 MiB |
| .pad/22 | 284.74 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/3. The home page UI/2. Create feed component and its header.mp4 | 153.75 MiB |
| .pad/23 | 256.81 KiB |
| [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone/1. Introduction/1. Preview of the twitter clone project.mp4 | 53.95 MiB |
