WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2023 • Oct 6, 2023

From Zero to Hero: NextJS 13 and Tailwind CSS for Beginners

Marius Obert

Master modern full-stack development with Next.js 13 and Tailwind CSS. You will build lightning-fast web apps using React Server Actions without shipping bloated client-side JavaScript.

Pause
Mute Enter Fullscreen
#1 about 2 min

Benefits of using Next.js and Tailwind CSS frameworks

Why meta-frameworks improve development speed and how tailored styling systems simplify component creation.

#2 about 3 min

Exploring the legacy Next.js file-based pages router

A review of file-based routing and application structure paradigms in older Next.js versions.

#3 about 3 min

Setting up a Next.js application with the app router

Bootstrapping a new project format and understanding directory architecture changes in a stable release.

#4 about 3 min

Understanding rendering paradigms with React server components

How server-rendered components natively differ from client-side pre-rendering execution models.

#5 about 3 min

Applying Tailwind utility classes for responsive design formatting

Styling application elements rapidly using intuitive utility-first CSS modifier classes.

#6 about 4 min

Creating API integration endpoints using Next.js route handlers

Constructing back-end endpoints that interface cleanly with external system webhooks using custom headers.

#7 about 5 min

Adding and linking pages seamlessly in the app directory

Updating routing mechanisms using targeted folder names to create interconnected multi-page navigation systems.

#8 about 3 min

Enabling front-end form submissions with experimental server actions

Combining front-end user forms with direct back-end operational logic natively within server boundaries.

#9 about 3 min

Integrating Twilio API functionality to handle WhatsApp messaging

Sending automated program messages by embedding environment variables securely into backend server functions.

#10 about 2 min

Summary of modern Next.js web development toolchains

Final recaps emphasizing the progressive workflow enhancements provided by newer meta-framework architectures.

#11 about 2 min

Questions on styling extensions and progressive web app potential

Clarifying visual cues within IDE tooling and exploring caching considerations for client-heavy web applications.

Matching moments

2:38 min

Styling the application with Tailwind CSS and Tailwind UI

Dávid Lévai · LIVE

3:02 min

Modernizing legacy client-rendered components with server-side frameworks

Igor Minar Igor Minar +1 · WWC 2025

1:31 min

Introduction to the GraphQL, Apollo, and Next.js stack

Josh Goldberg · JS Congress

1:20 min

Exploring tooling choices for interactive UI components

Aurora Scharff Aurora Scharff · WWC 2025

3:06 min

Leveraging the Next.js framework for performance improvements

Eileen Fürstenau Eileen Fürstenau · WWC 2024

4:56 min

Internal performance optimizations and Tailwind CSS integration

Francesco Napoletano Francesco Napoletano · WWC 2024

More from World Congress 2023

The year 3000, a brief history of Web Development thumbnail
25:30
over 2 years ago

The year 3000, a brief history of Web Development

Lorenzo Pieri

Demografie nutzen um jedem Bewerber das passende Angebot zu machen! thumbnail
8:52
over 2 years ago

Demografie nutzen um jedem Bewerber das passende Angebot zu machen!

Nathalie Gierth

Guided Memory Management: Rust's Ownership Model thumbnail
0:18
almost 3 years ago

Guided Memory Management: Rust's Ownership Model

Stefan Baumgartner

Passwordless future: WebAuthn and Passkeys in practice thumbnail
32:32
almost 3 years ago

Passwordless future: WebAuthn and Passkeys in practice

Clemens Hübner

External Secrets Operator: the secrets management toolbox for self-sufficient teams thumbnail
30:07
almost 3 years ago

External Secrets Operator: the secrets management toolbox for self-sufficient teams

Moritz Johner

Building Reliable Serverless Applications with AWS CDK and Testing thumbnail
25:18
almost 3 years ago

Building Reliable Serverless Applications with AWS CDK and Testing

Raphael Manke

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
Open session

World Congress 2026 North America

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris
Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Paweł Matynia, Bartosz Leczycki

Paweł Matynia
Bartosz Leczycki

Related videos

Level up your Angular CSS with Tailwind CSS thumbnail
31:41
WWC 2023 • almost 3 years ago

Level up your Angular CSS with Tailwind CSS

Patricio Vargas

Level up your Angular CSS with Tailwind CSS thumbnail
47:46
LIVE • over 4 years ago

Level up your Angular CSS with Tailwind CSS

Patricio Vargas

Building Interactive Async UI with React 19 and Ariakit thumbnail
25:22
WWC 2025 • 12 months ago

Building Interactive Async UI with React 19 and Ariakit

Aurora Scharff

WeAreDevelopers LIVE - Whats Nuxt and Next for app development, 20 years AJAX and more thumbnail
1:03:53
LIVE • over 1 year ago

WeAreDevelopers LIVE - Whats Nuxt and Next for app development, 20 years AJAX and more

Chris Heilmann, Daniel Cranney, Alexander Lichter

Next.js Unleashed: Optimizing Web Vitals for superior User Experience thumbnail
26:44
WWC 2024 • almost 2 years ago

Next.js Unleashed: Optimizing Web Vitals for superior User Experience

Eileen Fürstenau

To New Frontiers: The Future of Frontend Development thumbnail
26:00
WWC 2022 • about 4 years ago

To New Frontiers: The Future of Frontend Development

Rainer Hahnekamp

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.