Build A Fully Responsive Website Section with TailwindCSS and NextJS 13

Опубликовано: 15 Март 2026
на канале: Brett Westwood - Software Engineer
3,796
119

My fav place to learn to code is Scrimba

Get 20% off a subscription with my link 👇
https://scrimba.com/?via=brettwestwood

#nextjs #tailwindcss

In this video, we're going to learn how to build a website with TailwindCSS and NextJS 13.

Here is the source code to follow along better and to also retrieve the same images that I utilized. 👇

https://github.com/bwestwood11/herose...

TailwindCSS is a powerful CSS extension that makes building responsive websites easy. NextJS 13 makes building web applications with JavaScript simpler than ever. We'll use these tools to build a website that is fully responsive and easy to customize.

By the end of this video, you'll know how to build a responsive website with TailwindCSS and NextJS 13!

Private 1 on 1 Help 👇
https://calendly.com/dabrettwestwood/...

Join my FREE Discord to talk and network about web development! 👇
  / discord  

Timestamps
00:00 Intro
00:14 Demo
01:05 Set up the environment of NextJS 13
3:34 Create Responsive Navbar
20:31 Create the Desktop Bottom Positioned Navbar
27:52 Create the Hero Section
42:54 Create the Carousel using Swiper Package
54:50 Showcase of what we just built
55:41 Outro