diff --git a/apps/web/app/docs/getting-started/page.tsx b/apps/web/app/docs/getting-started/page.tsx index 4607fa6..46dd972 100644 --- a/apps/web/app/docs/getting-started/page.tsx +++ b/apps/web/app/docs/getting-started/page.tsx @@ -20,9 +20,9 @@ export default function GettingStarted() { language="typescript" highlightedLines={[]} > - {`import { createClient } from "zenblog"; + {`import { createZenblogClient } from "zenblog"; -const zenblog = createClient({ apiKey: "your-api-key" });`} +const zenblog = createZenblogClient({ blogId: process.env.ZENBLOG_BLOG_ID });`}

3. Fetch your posts

@@ -32,9 +32,9 @@ const zenblog = createClient({ apiKey: "your-api-key" });`} language="typescript" highlightedLines={[5]} > - {`import { createClient } from "zenblog"; + {`import { createZenblogClient } from "zenblog"; -const zenblog = createClient({ apiKey: "your-api-key" }); +const zenblog = createZenblogClient({ blogId: process.env.ZENBLOG_BLOG_ID }); const posts = await zenblog.posts.list();`} @@ -63,21 +63,26 @@ const posts = await zenblog.posts.list();`} language="tsx" highlightedLines={[5]} > - {`import { createClient } from "zenblog"; + {`import { createZenblogClient } from "zenblog"; -const zenblog = createClient({ apiKey: "your-api-key" }); +const zenblog = createZenblogClient({ blogId: process.env.ZENBLOG_BLOG_ID }); const post = await zenblog.posts.get({ slug: "my-first-post" });`}

6. Render your post

-

Render your post in your app.

+

Render your post in your app. NextJS example.

{`
{post.title}
{post.content}
{post.publishedAt}
`} + +

+ You can use something like Tailwind Typography to easily style the HTML + content. +

); }