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.
+
);
}