Nextjs, Tailwind CSS 3 Google API project – Next js project
- CategoryOther
- TypeTutorials
- LanguageEnglish
- Total size3.5 GB
- Uploaded Bytutsnode
- Downloads22
- Last checkedJan. 11th '23
- Date uploadedJan. 11th '23
- Seeders 22
- Leechers31
Description
A NEW NEXT.JS AND TAILWIND CSS PROJECT.
Build a Google clone from scratch using NextJS, and Tailwind CSS in a hands-on project.
Next js (react js framework) Project.
Google clone by Next.js, Tailwind CSS 3 and google api.
I am delighted to welcome you to the best course available for learning next js, and Tailwind CSS by building a real-world application.
This is a hands-on project-based learning course that includes a Google clone project.
When it comes to designing and developing fully functional websites, I will use the best practices Nextjs has to offer.
This brand-new course will teach you about the server-side rendering technique.
Using the most recent version of Tailwind CSS, you will be able to create stunning responsive websites (3.0).
The authentication will be handled by next-auth.
Finally, you will learn how to deploy your applications using Vercel and your own domain name.
My name is Sahand, and I’ve been programming for over 16 years.
In the Question and Answer section, I will be your instructor and will answer any questions you may have.
The following are the main components of the final project for this class:
Tailwind CSS is used to style pages.
Using next-auth, authenticate the user.
Add web search and image search functionality.
Who this course is for:
Students who are interested in putting together a portfolio project are encouraged to do this project (Google Clone)
Requirements
Basics of HTML, CSS, JavaScript and React
Last Updated 12/2022
Files:
Nextjs, Tailwind CSS 3 Google API project - Next js project [TutsNode.net] - Nextjs, Tailwind CSS 3 Google API project - Next js project 3. Header section with authentication- 2. Add authentication and get user data from google.mp4 (466.3 MB)
- 1. Create the header section.mp4 (112.8 MB)
- 1.1 GitHub Repository and final version.html (0.1 KB)
- 1. Preview of Google clone project.mp4 (27.5 MB)
- 2. Create search header component.mp4 (350.8 MB)
- 3. Create search header options component.mp4 (315.8 MB)
- 1. Get the term from input and redirect to the related page.mp4 (125.5 MB)
- 2. Add image results component.mp4 (349.4 MB)
- 1. Create pagination component.mp4 (297.1 MB)
- 1. Deploy and fix the remaining buttons.mp4 (342.4 MB)
- 1. Create the body section.mp4 (315.0 MB)
- 2. Create footer component.mp4 (77.6 MB)
- 3. Complete the result section and install html react parser.mp4 (264.8 MB)
- 1. Get data from google api and create the mock data.mp4 (245.8 MB)
- 2. Create the about data section and modify the title in search page.mp4 (148.4 MB)
- 1. Install NextJS and Tailwind CSS.mp4 (107.8 MB)
- TutsNode.net.txt (0.1 KB)
- [TGx]Downloaded from torrentgalaxy.to .txt (0.6 KB) .pad
- 0 (673.9 KB)
- 1 (204.6 KB)
- 2 (577.6 KB)
- 3 (636.3 KB)
- 4 (240.0 KB)
- 5 (38.5 KB)
- 6 (923.9 KB)
- 7 (177.0 KB)
- 8 (188.1 KB)
- 9 (585.5 KB)
- 10 (471.0 KB)
- 11 (178.3 KB)
- 12 (184.1 KB)
- 13 (382.9 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