Let's build Instagram 2.0 (PART 2) with REACT.JS! (Next.js,Firebase,Tailwind CSS NextAuth Recoil)
Let's build Instagram 2.0 with REACT.JS! (Next.js,Firebase v9, Tailwind CSS, NextAuth, Recoil)
Code on Github: https://github.com/BarbuAndreiIulian/...
Discord: / discord
Build a fully functional Instagram feed with comments!!!What you'll learn:
1. Use Tailwind CSS to build a FULLY mobile responsive web app!
2.Build a custom authentication screen using NextAuth!
3.How to use the new Firebase v9 SDK!
4.How to use Firebase storage API and upload images!
5.How to use Recoil as a state management tool!
TimeStamps:
0:00 Showing Features
0:30 Building the Stories feature
12:06 Building the Story component
18:21 Creating the Posts section
23:50 Creating the Post component
27:00 Creating Post Header
34:20 Creating Post Photo
39:08 Creating Post Buttons
45:30 Creating Post Captions
49:35 Creating the Comments
56:00 Creating the Input
HeaderDISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Instagram and it's subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes.#reactjs #nextjs #tailwindcss #instagram #firebase #firebasev9 #recoilMUSIC CREDIT:Song 1:––––––––––––––––––––––––––––––rainy night by Luke Hall / c_luke_hallcreative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0Free Download / Stream: https://bit.ly/3TIQelYMusic promoted by Audio Library • 雨の夜 (rainy night) – Luke Hall (No Copyrigh... ––––––––––––––––––––––––––––––🎵 Track Info:Title: 雨の夜 (rainy night) by Luke HallGenre and Mood: Dance & Electronic + Calm———🎧 Available on: SoundCloud: / ra. . ———😊 Contact the Artist:Luke Hall:[email protected]://soundcloud.com/c_luke_hallhttps://open.spotify.com/artist/0nvVz...https://music.apple.com/us/artist/luk...https://facebook.com/c.luke.hall———Song 2:––––––––––––––––––––––––––––––Discovering by de Pablos / de_pabloscreative Commons — Attribution 3.0 Unported — CC BY 3.0Free Download / Stream: https://bit.ly/3TQ2TU7Music promoted by Audio Library • Discovering – de Pablos (No Copyright Music) ––––––––––––––––––––––––––––––🎵 Track Info:Title: Discovering by de PablosGenre and Mood: Ambient + Bright———🎧 Available on: Spotify: https://spoti.fi/3S1E9qziTunes: https://apple.co/3S1DXHRDeezer: https://deezer.com/en/track/184198703... • Video SoundCloud: / disc...youtube Music: https://music.youtube.com/watch?v=0Pv... Contact the Artist:de Pablos: / de-...———song 3:––––––––––––––––––––––––––––––Fast Lane (feat. Devyzed) by Ghostrifter Official https://bit.ly/ghostrifter-scCreative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0Free Download / Stream: https://bit.ly/3L9KFZQMusic promoted by Audio Library • Fast Lane (feat. Devyzed) – Ghostrifter Of... ––––––––––––––––––––––––––––––🎵 Track Info:Title: Fast Lane (feat. Devyzed) by Ghostrifter OfficialGenre and Mood: Hip Hop & Rap + Dark———🎧 Available on: Spotify: https://spoti.fi/3LdheX5iTunes: https://apple.co/3xl20JwDeezer: https://deezer.com/en/track/178928512... • Ghostrifter & Devyzed - Fast Lane [Phonk x... SoundCloud: / ghostrifter-of...youtube Music: • Ghostrifter & Devyzed - Fast Lane [Phonk x... ———😊 Contact the Artist:Ghostrifter Official:[email protected] / devyzed———song:4––––––––––––––––––––––––––... Machine Guy — gbry.svg [Audio Library Release]Music provided by Audio Library PlusWatch: • Machine Guy — gbry.svg | Free Background M... Free Download / Stream: https://alplus.io/machine-guy––––––––... Request a commercial license:If you are a brand or you are working with one, you should request a license here: https://bit.ly/3Sla1qj———🎵 Track Info:Title: Machine GuyArtist: gbry.svgGenre: Dance & Electronic Mood: Calm———😊 gbry.svg:https://youtube.com/channel/UCKB4UHid... Listen to all our releases on our Spotify playlist: http://alplus.io/spotify———