ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

🔴 Let's build a Search Engine Clone with Tailwind CSS & NEXT.JS! (Responsive, SSR React, Pagination)

Автор: Sonny Sangha

Загружено: 2021-04-08

Просмотров: 248071

Описание: 🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course

🫂 Join my Community, "University of Code" for FREE: https://www.universityofcode.com

🔴 LOOKING FOR THE CODE? 🛠️
https://links.papareact.com/github

Join me as I build it with TAILWIND CSS (with 2.1 JIT!) & NEXT.JS!

Check out Hostinger (Use code SONNY for 7% OFF Annual Plans!) 👉 https://www.hostinger.com/sonny

🎙️ PODCAST
https://links.papareact.com/podcast

🌍 SOCIALS:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord
Newsletter: https://links.papareact.com/newsletter

❤️ SUPPORT
PAPA Merch: https://links.papareact.com/merch
Donate: https://links.papareact.com/donate

🕐 TIMESTAMPS:
00:00 Introduction
00:56 Build Showcase (1/2)
02:55 Hostinger Sponsorship
04:53 Build Showcase (2/2)
06:17 Next.js Introduction
08:33 Tabnine Sponsorship
10:20 Initialising the Build
12:30 Tailwind CSS Setup
19:25 Building the Google Front Page (1/3)
37:08 Building the Avatar Component
43:49 Building the Google Front Page (2/3)
1:13:36 Building the Footer Component
1:29:50 Building the Google Front Page (3/3)
1:30:22 Building the Search Functionality
1:36:37 Building the Search Page
1:39:35 Building the Header Component
1:59:40 Building the Header Option(s) Component
2:13:56 Building the Search Results
2:46:07 Building the Pagination Component
2:54:58 Final Build Demo
3:00:15 Deploying the App using Vercel
3:06:07 Hosting on Hostinger
3:10:41 Outro

DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Google 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.


#nextjs #tailwind #reactjs

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
🔴 Let's build a Search Engine Clone with Tailwind CSS & NEXT.JS! (Responsive, SSR React, Pagination)

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

🔴 Let's build a Real-Time 1-to-1 Chat App with NEXT.JS! (Live Status, Styled-Components, React)

🔴 Let's build a Real-Time 1-to-1 Chat App with NEXT.JS! (Live Status, Styled-Components, React)

🔴 Let's build a Delivery Driver App w/ REACT NATIVE! (Navigation, Redux, TS, Google Autocomplete)

🔴 Let's build a Delivery Driver App w/ REACT NATIVE! (Navigation, Redux, TS, Google Autocomplete)

Окупай DPI: Выводим провайдера на чистую воду

Окупай DPI: Выводим провайдера на чистую воду

Как работает Search Engine под капотом: ранжирование и релевантность

Как работает Search Engine под капотом: ранжирование и релевантность

TypeScript ФУНДАМЕНТАЛЬНЫЙ КУРС от А до Я. Вся теория + практика

TypeScript ФУНДАМЕНТАЛЬНЫЙ КУРС от А до Я. Вся теория + практика

ИИ-агенты — кошмар для безопасности? Разбираемся с OpenClaw

ИИ-агенты — кошмар для безопасности? Разбираемся с OpenClaw

Редакция News: 208-я неделя

Редакция News: 208-я неделя

Интернет по паспорту и блокировка Телеграм с 1 марта

Интернет по паспорту и блокировка Телеграм с 1 марта

🔴 Let’s build a Social Feed App with REACT.JS! (Next.js, Sanity CMS, TS, SSR, Tailwind, Auth)

🔴 Let’s build a Social Feed App with REACT.JS! (Next.js, Sanity CMS, TS, SSR, Tailwind, Auth)

Всего 40 строк кода

Всего 40 строк кода

Способ увидеть невидимое: как создают суперлинзы из оптических метаматериалов

Способ увидеть невидимое: как создают суперлинзы из оптических метаматериалов

Cursor AI: Полный гайд по вайбкодингу с нуля. Subagents, Hooks, Skills, Rules, Commands, MCP

Cursor AI: Полный гайд по вайбкодингу с нуля. Subagents, Hooks, Skills, Rules, Commands, MCP

Google увольняет, Нейросеть для умерших, Суверенный европейский процессор | Как Там АйТи #86

Google увольняет, Нейросеть для умерших, Суверенный европейский процессор | Как Там АйТи #86

My Biggest Tutorial Ever (Build A FULL Google Drive Clone with React, Next, TypeScript and more)

My Biggest Tutorial Ever (Build A FULL Google Drive Clone with React, Next, TypeScript and more)

В Москве горит хостел: люди прыгают из окон. В Казахстане проверяют Сабурова. Кремль — о Навальном

В Москве горит хостел: люди прыгают из окон. В Казахстане проверяют Сабурова. Кремль — о Навальном

Он написал главные ТАНЦЕВАЛЬНЫЕ хиты 2000х. История Эрика Придза

Он написал главные ТАНЦЕВАЛЬНЫЕ хиты 2000х. История Эрика Придза

🔴 Let's build a Property Booking App 2.0 with NEXT.JS! (Tailwind, Mapbox, Calendar & Date Picker)

🔴 Let's build a Property Booking App 2.0 with NEXT.JS! (Tailwind, Mapbox, Calendar & Date Picker)

История C# и TypeScript с Андерсом Хейлсбергом | GitHub

История C# и TypeScript с Андерсом Хейлсбергом | GitHub

Чё Происходит #312 | Дуров про замедление Telegram, стрельба в Анапе, Кадыров показал Адама

Чё Происходит #312 | Дуров про замедление Telegram, стрельба в Анапе, Кадыров показал Адама

Build and Deploy a React Admin Dashboard App With Theming, Tables, Charts, Calendar, Kanban and More

Build and Deploy a React Admin Dashboard App With Theming, Tables, Charts, Calendar, Kanban and More

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]