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")(); diff --git a/src/components/docs-sidebar.tsx b/src/components/docs-sidebar.tsx index c5f04dd08..c8e117b02 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 ( -
  • - + - + Components
  • - +
    • +
  • + + + + + + UI Kit + +
  • 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 + +

    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 +
    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
    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