src/blog/tailwindcss-from-zero-to-production/index.mdx
import { YouTubeVideo } from "@/components/media"; import Link from "next/link";
import { simonswiss } from "@/app/blog/authors"; import card from "./card.jpg";
export const meta = {
title: "Tailwind CSS: From Zero to Production" on YouTube,
description: Today we're excited to release Tailwind CSS: From Zero to Production, a new screencast series that teaches you everything you need to know to go from zero to production with Tailwind CSS v2.0.,
date: "2021-02-16T16:05:00.000Z",
authors: [simonswiss],
image: card,
excerpt: (
<>
Today we're excited to release{" "}
<Link href="https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1">
Tailwind CSS: From Zero to Production
</Link>
, a new screencast series that teaches you everything you need to know to get up and running with Tailwind CSS
v2.0 from scratch.
</>
),
};
Today we're excited to release Tailwind CSS: From Zero to Production, a new screencast series that teaches you everything you need to know to get up and running with Tailwind CSS v2.0 from scratch.
It's an eight-part series totaling 1.5 hours of content, and walks you through everything from the initial setup process, to building out a responsive design with utility classes, to customizing your design system, to optimizing for production with PurgeCSS.
Watch the series <Link href="https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1">on YouTube</Link> and <Link href="https://github.com/tailwindlabs/tailwindcss-from-zero-to-production">grab the source code</Link> for each lesson on GitHub.
What are you waiting for? <Link href="https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1">Start watching →</Link>