Тёмный

Getting Started with Vite, Tailwind CSS, and React Router DOM 6: Create a Multi-Page website 

Dev Labs
Подписаться 184
Просмотров 13 тыс.
50% 1

Are you looking to create a multi-page application with React, but don't know where to start? Look no further! In this video, we'll guide you through the process of setting up a starter project using Vite, Tailwind CSS, and React Router DOM 6.
We'll start by showing you how to create a new project using Vite and install Tailwind CSS. Then, we'll set up our project structure and create a basic Navbar and Footer using Tailwind UI Navbar component.
Next, we'll create a Home page, Services page, Portfolio page, and Contact page, all with their respective routes using React Router DOM 6. We'll demonstrate how to use Tailwind CSS to style each page, so your app looks great and professional.
By the end of this video, you'll have a solid foundation to start building your own multi-page applications with React, Vite, and Tailwind CSS. So, grab your coding tools and let's get started!
#vite #tailwindcss #react #reactrouter #webdevelopment #frontenddevelopment #coding #tutorial #howto #webdesign #uidesign #fullstack #learntocode #development #webdeveloper

Опубликовано:

 

21 апр 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 20   
@rabiafaisal558
@rabiafaisal558 9 месяцев назад
kindly carete more videos like this.... on react
@bloklab
@bloklab 9 месяцев назад
Thanks for the comments, be sure to subscribe and turn on notifications for when we upload more
@lucasmoratonieto2124
@lucasmoratonieto2124 3 месяца назад
Thank you so much, you do not know how much you have helped me. I was so frustrated. Thank you very much seriously. Thank you
@bloklab
@bloklab 3 месяца назад
👍
@itsNicoRepx
@itsNicoRepx 7 месяцев назад
Mate, You are brilliant! Straight to the point on the content and totally understandable. Defo a new sub! Will look forward to your new content.Keep Up!!
@underscore8212
@underscore8212 11 месяцев назад
Thank you very much!
@rabiafaisal558
@rabiafaisal558 9 месяцев назад
thanks .... finally i got it....
@mokho3027
@mokho3027 9 месяцев назад
loved it.
@0lange
@0lange Год назад
can you link the github repo for this?
@bloklab
@bloklab 8 месяцев назад
github.com/omar-ahm/tw-vite_project with newly updated contact form
@vedakeerthip1224
@vedakeerthip1224 6 месяцев назад
how the colour picker was showing in the .jsx file in VS code ?
@danielcervatescorona817
@danielcervatescorona817 6 месяцев назад
bro video was great, but the soundtrack was dope as fuck!
@benh8199
@benh8199 4 месяца назад
you didn't set the active link to highlight properly in the navbar
@bloklab
@bloklab 4 месяца назад
Thanks @benh8199 for me this is a personal preference as I like the navlinks to remain consistent and clean. I guess you could do this if you like. Hope you enjoyed the vid.
@quinndaisies6949
@quinndaisies6949 9 месяцев назад
I love the concept, but when running npm run build, I believe there is a whole different principle to that? Pardon my blunder I'm two weeks into react.
@adrianvallereanopedrosa1479
@adrianvallereanopedrosa1479 8 месяцев назад
in the root directory you can find another folder named [dist]. you can deploy that. if you have xampp you can deploy that locally
@cg-jf7lp
@cg-jf7lp 9 месяцев назад
why did you remove import React from 'react'? Does this have to do with React version 18?
@user-uk7tw4tr3s
@user-uk7tw4tr3s 9 месяцев назад
In the last version you can remove it without any problem
@achirasilva2567
@achirasilva2567 3 месяца назад
try to speak and explain what you are doing
Далее
Why Signals Are Better Than React Hooks
16:30
Просмотров 456 тыс.
Жидкие носки)))
00:19
Просмотров 827 тыс.
Have You Seen Inside Out 2?
00:12
Просмотров 3,8 млн
Setup Multiple Pages with VITE
4:40
Просмотров 51 тыс.
Getting started with Vite js + React js + Bootstrap
13:20
Vite Crash Course | Faster Alternative To CRA
16:24
Просмотров 188 тыс.
How To Create A Navbar In React With Routing
19:16
Просмотров 369 тыс.
Responsive Tailwind CSS Navbar || React || Vite
14:33
State Managers Are Making Your Code Worse In React
13:33