From 9b49cd0b438f11f85ba0d94ec1faa616ef411866 Mon Sep 17 00:00:00 2001 From: Jonathan Reinink Date: Sat, 1 Mar 2025 09:35:10 -0500 Subject: [PATCH 1/7] Add rewrites --- next.config.ts | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/next.config.ts b/next.config.ts index 819f96f32..837deb76c 100644 --- a/next.config.ts +++ b/next.config.ts @@ -476,6 +476,18 @@ const nextConfig = { { source: "/discord", destination: "https://discord.gg/7NF8GNe", permanent: false }, ]; }, + async rewrites() { + return ["plus", "plus-assets", "vendor", "nova-api"].flatMap((path) => [ + { + source: `/${path}`, + destination: `https://tailwindui.com/${path}`, + }, + { + source: `/${path}/:path*`, + destination: `https://tailwindui.com/${path}/:path*`, + }, + ]); + }, } satisfies NextConfig; const withMDX = require("@next/mdx")(); From e18067afaba90b9f5d241aa3b6ff3bac7eab14a1 Mon Sep 17 00:00:00 2001 From: Jonathan Reinink Date: Mon, 3 Mar 2025 09:14:38 -0500 Subject: [PATCH 2/7] Replace "Components" link in main nav with "Plus" --- src/components/header.tsx | 67 ++++++++++++++++++++++++--------------- 1 file changed, 42 insertions(+), 25 deletions(-) diff --git a/src/components/header.tsx b/src/components/header.tsx index 3cd5071d8..02dfef2d4 100644 --- a/src/components/header.tsx +++ b/src/components/header.tsx @@ -144,16 +144,18 @@ export function Header(props: React.PropsWithChildren) { Ctrl K - {[ - ["Docs", "/docs"], - ["Components", "https://tailwindui.com/?ref=top"], - ["Blog", "/blog"], - ["Showcase", "/showcase"], - ].map(([text, href]) => ( - - {text} - - ))} + + Docs + + + Plus + + + Blog + + + Showcase + @@ -190,21 +192,36 @@ export function Header(props: React.PropsWithChildren) {
- {[ - ["Docs", "/docs"], - ["Components", "https://tailwindui.com/?ref=top"], - ["Blog", "/blog"], - ["Showcase", "/showcase"], - ["GitHub", "https://github.com/tailwindlabs/tailwindcss"], - ].map(([text, href]) => ( - - {text} - - ))} + + Docs + + + Plus + + + Blog + + + Showcase + + + GitHub +
From 05832a6bdbfec8f5f96b7be0153861cf8aee627e Mon Sep 17 00:00:00 2001 From: Jonathan Reinink Date: Mon, 3 Mar 2025 10:05:10 -0500 Subject: [PATCH 3/7] Update Plus links in docs nav --- src/components/docs-sidebar.tsx | 25 +++++++++++++++++++++---- 1 file changed, 21 insertions(+), 4 deletions(-) diff --git a/src/components/docs-sidebar.tsx b/src/components/docs-sidebar.tsx index c5f04dd08..4388912ac 100644 --- a/src/components/docs-sidebar.tsx +++ b/src/components/docs-sidebar.tsx @@ -4,9 +4,11 @@ import Link, { LinkProps } from "next/link"; import index from "../app/(docs)/docs/index"; import { DocsSidebarLink } from "./docs-sidebar-link"; -export function TopNavLink(props: React.PropsWithChildren) { +export function TopNavLink(props: { href: string } & React.ComponentPropsWithoutRef<"a">) { + const Component = props.href.startsWith("/plus") ? "a" : Link; + return ( -
  • - +
  • - +
    • +
  • + + + + + + UI Kit + +
  • From 36632f8d37897cd955dca45fa21ff5f68c63b967 Mon Sep 17 00:00:00 2001 From: Jonathan Reinink Date: Mon, 3 Mar 2025 10:05:17 -0500 Subject: [PATCH 4/7] Update Plus links in footer --- src/components/footer.tsx | 24 ++++++++++++++---------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/src/components/footer.tsx b/src/components/footer.tsx index 09fc7c5f6..34cc4d087 100644 --- a/src/components/footer.tsx +++ b/src/components/footer.tsx @@ -16,7 +16,7 @@ export function FooterSitemap({ className }: { className?: string }) {
    - +
    @@ -33,7 +33,7 @@ export function FooterSitemap({ className }: { className?: string }) {
    - +
    @@ -98,25 +98,29 @@ function Learn() { ); } -function TailwindUI() { +function TailwindPlus() { return ( <> -

    Tailwind UI

    +

    + + Tailwind Plus + +

    From 381f85f644f78dda27872d42013a442b91e73331 Mon Sep 17 00:00:00 2001 From: Jonathan Reinink Date: Mon, 3 Mar 2025 10:24:21 -0500 Subject: [PATCH 5/7] Update icons in docs nav --- src/components/docs-sidebar.tsx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/docs-sidebar.tsx b/src/components/docs-sidebar.tsx index 4388912ac..c8e117b02 100644 --- a/src/components/docs-sidebar.tsx +++ b/src/components/docs-sidebar.tsx @@ -43,10 +43,13 @@ function TopNav() {
  • - + Components @@ -70,13 +73,10 @@ function TopNav() {
  • - + UI Kit From 0ade4ccc1f12c98111927042e0a4c957c91c5152 Mon Sep 17 00:00:00 2001 From: Peter Suhm Date: Mon, 3 Mar 2025 16:45:42 +0100 Subject: [PATCH 6/7] change Tailwind UI to Tailwind Plus on the homepage --- src/components/home/tailwind-ui-section.tsx | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/src/components/home/tailwind-ui-section.tsx b/src/components/home/tailwind-ui-section.tsx index a69ccbc64..3c8947809 100644 --- a/src/components/home/tailwind-ui-section.tsx +++ b/src/components/home/tailwind-ui-section.tsx @@ -7,7 +7,6 @@ import React from "react"; import GridContainer from "../grid-container"; import { BentoItem } from "./bento"; import CategoryHeader from "./category-header"; -import LinkButton from "./link-button"; import templatesCol1 from "./templates-col-1.png"; import templatesCol2 from "./templates-col-2.png"; import templatesCol3 from "./templates-col-3.png"; @@ -36,7 +35,7 @@ export default function TailwindUiSection() {

    - Move even faster with Tailwind UI. + Move even faster with Tailwind Plus.

    @@ -50,7 +49,7 @@ export default function TailwindUiSection() {

    - Tailwind UI is a collection of beautiful, fully responsive UI components, designed and developed by us, the + Tailwind Plus is a collection of beautiful, fully responsive UI components, designed and developed by us, the creators of Tailwind CSS. It's got hundreds of ready-to-use examples to choose from, and is guaranteed to help you find the perfect starting point for what you want to build.

    @@ -58,7 +57,7 @@ export default function TailwindUiSection() {
    - Explore Tailwind UI + Explore Tailwind Plus
    From 2eb7fdc36a0d7f4f963a4f69ad166fba82fb1075 Mon Sep 17 00:00:00 2001 From: Peter Suhm Date: Mon, 3 Mar 2025 16:50:17 +0100 Subject: [PATCH 7/7] Update aria label for Tailwind Plus templates in showcase --- src/components/showcase-thumbnail.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/showcase-thumbnail.tsx b/src/components/showcase-thumbnail.tsx index 758452668..fd877877e 100644 --- a/src/components/showcase-thumbnail.tsx +++ b/src/components/showcase-thumbnail.tsx @@ -149,7 +149,7 @@ export default function ShowcaseThumbnail({ showcase, priority = false }: { show

    {showcase.name}

    {showcase.isTemplate && (

    Template