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 · World Congress 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 · World Congress 2025

3:06 min

Leveraging the Next.js framework for performance improvements

Eileen Fürstenau Eileen Fürstenau · World Congress 2024

4:56 min

Internal performance optimizations and Tailwind CSS integration

Francesco Napoletano Francesco Napoletano · World Congress 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
almost 3 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

September 24, 2026 · 12:50–13:20

Stage 7

Architecting Agentic Apps: WebMCP, A2UI, and Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

September 24, 2026 · 17:30–18:00

Stage 7

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
Open session

World Congress 2026 North America

September 25, 2026 · 12:20–12:50

Stage 7

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect at Leidos

David Morris
Open session

World Congress 2026 North America

September 25, 2026 · 11:00–11:30

Stage 7

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

Shubham Chaurasia

Senior Software Engineer at Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

September 24, 2026 · 16:00–18:00

Stage 10

Reprompting the Wheel? Why AI Won’t Save Your Content Platform

Benni Mack, Tom Warwick

Benni Mack
Tom Warwick
Open session

World Congress 2026 North America

September 24, 2026 · 15:30–16:00

Stage 6

Going beyond the code through the GitHub Copilot App: how to unlock you and your team’s superpower

Jenny Hwang

Director of User Research at GitHub

Jenny Hwang

Related videos

Level up your Angular CSS with Tailwind CSS thumbnail
31:41
World Congress 2023 • about 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
World Congress 2025 • about 1 year 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
World Congress 2024 • about 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
World Congress 2022 • over 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.