Nextjs, Firebase 9 & Tailwind CSS 3 project – Twitter clone

  • CategoryOther
  • TypeTutorials
  • LanguageEnglish
  • Total size7.5 GB
  • Uploaded Bytutsnode
  • Downloads19
  • Last checkedJan. 11th '23
  • Date uploadedJan. 11th '23
  • Seeders 14
  • Leechers53
Your ISP and Government can track your torrent activity! Hide your IP with a VPN!

Infohash : 542BA496C6DA1F7CD9D3B168F966EC601D100A86


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

Files:

Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone [TutsNode.net] - Nextjs, Firebase 9 & Tailwind CSS 3 project - Twitter clone 9. Updates
  • 1. Update - add firebase auth and remove next-auth.mp4 (865.1 MB)
1. Introduction
  • 1.1 Final version.html (0.1 KB)
  • 1.2 GitHub Repository.html (0.1 KB)
  • 1. Preview of the twitter clone project.mp4 (53.9 MB)
6. Feed section functionality (like, comment, delete)
  • 6. Install and implement react-modal.mp4 (619.0 MB)
  • 2. Add like functionality to the post.mp4 (351.0 MB)
  • 1. Get post data from firestore and show them in the post section.mp4 (248.3 MB)
  • 7. Send comments to firestore, show the number of comments, & redirect by useRouter.mp4 (230.1 MB)
  • 3. Add delete functionality to the post.mp4 (199.6 MB)
  • 5. Install and implement recoil.mp4 (185.8 MB)
  • 4. Add animation effect using framer motion.mp4 (177.3 MB)
5. Authentication using Firebase and next-auth
  • 4. Send data to firebase and add loading effect.mp4 (604.6 MB)
  • 3. Get the session and modify sidebar and input components.mp4 (316.2 MB)
  • 2. Complete the signin page.mp4 (284.2 MB)
  • 1. Install next-auth and firebase and initialize the firebase.mp4 (174.6 MB)
3. The home page UI
  • 1. Create Sidebar component.mp4 (486.1 MB)
  • 4. Add the post section of the feed component.mp4 (406.8 MB)
  • 3. Add the input section of the feed component.mp4 (250.8 MB)
  • 2. Create feed component and its header.mp4 (153.7 MB)
7. Post page
  • 1. Create post page.mp4 (393.7 MB)
  • 3. Complete the comment component.mp4 (298.6 MB)
  • 2. Get the comments from firestore and create the comment component.mp4 (155.7 MB)
4. The home page widgets section
  • 2. Create the news section of the widgets component.mp4 (373.4 MB)
  • 3. Create the random users section of the widgets component.mp4 (300.7 MB)
  • 1. Create the widgets component and the search bar.mp4 (159.1 MB)
8. Deployment
  • 1. Deploy to vercel and fix the errors.mp4 (218.2 MB)
2. Installation
  • 1. Install Nextjs and Tailwind CSS.mp4 (163.6 MB)
  • TutsNode.net.txt (0.1 KB)
  • [TGx]Downloaded from torrentgalaxy.to .txt (0.6 KB)
    • .pad
    • 0 (886.2 KB)
    • 1 (46.2 KB)
    • 2 (429.7 KB)
    • 3 (957.6 KB)
    • 4 (178.9 KB)
    • 5 (283.4 KB)
    • 6 (563.8 KB)
    • 7 (17.1 KB)
    • 8 (798.1 KB)
    • 9 (271.1 KB)
    • 10 (426.6 KB)
    • 11 (831.6 KB)
    • 12 (177.3 KB)
    • 13 (722.5 KB)
    • 14 (906.7 KB)
    • 15 (868.1 KB)
    • 16 (390.2 KB)
    • 17 (169.2 KB)
    • 18 (673.2 KB)
    • 19 (459.7 KB)
    • 20 (394.2 KB)
    • 21 (921.7 KB)
    • 22 (284.7 KB)
    • 23 (256.8 KB)

Code:

  • udp://open.stealth.si:80/announce
  • udp://tracker.tiny-vps.com:6969/announce
  • udp://fasttracker.foreverpirates.co:6969/announce
  • udp://tracker.opentrackr.org:1337/announce
  • udp://explodie.org:6969/announce
  • udp://tracker.cyberia.is:6969/announce
  • udp://ipv4.tracker.harry.lu:80/announce
  • udp://tracker.uw0.xyz:6969/announce
  • udp://opentracker.i2p.rocks:6969/announce
  • udp://tracker.birkenwald.de:6969/announce
  • udp://tracker.torrent.eu.org:451/announce
  • udp://tracker.moeking.me:6969/announce
  • udp://tracker.dler.org:6969/announce
  • udp://9.rarbg.me:2970/announce