mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
Cody OlsenandGitHub
41019c2314
This PR updates the `cms-sanity` example to use: - App Router - TypeScript - Sanity Studio v3 instead of v2 - Embeds the Studio inside the next app on the `/studio` route. - ISR / Data Cache (revalidations through `revalidatePath` while in Live Visual Editing, time-based to match the Sanity API CDN in production). - Support Vercel Visual Editing out of the box. - The new `next-sanity/image` component. - Vercel Speed Insights. - The Sanity Presentation Tool for live content previews. - Sanity Portable Text setup to fully support `@tailwindcss/typography`. - [AI Assist](https://www.sanity.io/docs/ai-assist) - Auto fill in `alt` text on images. - Preset prompts for content creation
74 lines
2.9 KiB
TypeScript
74 lines
2.9 KiB
TypeScript
"use client";
|
|
|
|
/**
|
|
* This file is used for onboarding when you don't have any posts yet and are using the template for the first time.
|
|
* Once you have content, and know where to go to access the Sanity Studio and create content, you can delete this file.
|
|
*/
|
|
|
|
import Link from "next/link";
|
|
import { useSyncExternalStore } from "react";
|
|
|
|
const emptySubscribe = () => () => {};
|
|
|
|
export default function Onboarding() {
|
|
const target = useSyncExternalStore(
|
|
emptySubscribe,
|
|
() => (window.top === window ? undefined : "_blank"),
|
|
() => "_blank",
|
|
);
|
|
|
|
return (
|
|
<div className="grid grid-flow-row gap-6 py-60 text-center">
|
|
<svg
|
|
className="mx-auto h-10 w-10 text-gray-400"
|
|
aria-hidden="true"
|
|
width="512"
|
|
height="512"
|
|
viewBox="0 0 512 512"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<rect width="512" height="512" fill="#F03E2F" rx="30" />
|
|
<path
|
|
d="M161.527 136.723C161.527 179.76 187.738 205.443 240.388 219.095L296 232.283C345.687 243.852 376 272.775 376 319.514C376 341.727 369.162 360.931 357.538 375.971C357.538 329.232 333.607 303.78 276.171 288.74L221.47 276.246C177.709 266.065 143.977 242.464 143.977 191.56C143.977 170.505 150.359 151.994 161.527 136.723Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
opacity="0.5"
|
|
d="M323.35 308.176C347.054 323.679 357.538 345.197 357.538 376.202C337.709 401.654 303.293 416 262.724 416C194.575 416 146.484 381.756 136 322.753H201.641C210.074 350.056 232.41 362.551 262.268 362.551C298.735 362.32 322.895 342.652 323.35 308.176Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
opacity="0.5"
|
|
d="M195.715 200.816C172.923 186.007 161.527 165.183 161.527 136.954C180.672 111.503 213.493 96 253.835 96C323.35 96 363.692 133.252 373.721 185.776H310.359C303.293 165.183 285.971 148.986 254.291 148.986C220.33 148.986 197.311 169.116 195.715 200.816Z"
|
|
fill="white"
|
|
/>
|
|
</svg>
|
|
<div>
|
|
<h3 className="text-sm font-semibold text-gray-900">No posts</h3>
|
|
<p className="mt-1 text-sm text-gray-500">
|
|
Get started by creating a new post.
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<Link
|
|
className="inline-flex items-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
|
|
href="/studio/intent/create/template=post;type=post/"
|
|
target={target}
|
|
>
|
|
<svg
|
|
className="-ml-0.5 mr-1.5 h-5 w-5"
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
aria-hidden="true"
|
|
>
|
|
<path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" />
|
|
</svg>
|
|
Create Post
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|