Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Steps component to datocms.mdx #8081

Merged
merged 1 commit into from
May 2, 2024
Merged

Add Steps component to datocms.mdx #8081

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 9 additions & 4 deletions src/content/docs/en/guides/cms/datocms.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ stub: false
service: DatoCMS
i18nReady: true
---
import { Steps } from '@astrojs/starlight/components';
import { FileTree } from '@astrojs/starlight/components';

[DatoCMS](https://datocms.com/) is a web-based, headless CMS to manage digital content for your sites and apps.
Expand Down Expand Up @@ -38,7 +39,6 @@ interface ImportMetaEnv {
}
```


Your root directory should now include these files:

<FileTree title="Project Structure">
Expand Down Expand Up @@ -85,7 +85,6 @@ const data = json.data.home;
---

<h1>{data.title}</h1>

```

This GraphQL query will fetch the `title` field in the `home` page from your DatoCMS Project. When you refresh your browser, you should see the title on your page.
Expand Down Expand Up @@ -169,10 +168,8 @@ const data = json.data.home;
}
})
}

```


## Publishing your site

To deploy your website, visit our [deployment guides](/en/guides/deploy/) and follow the instructions for your preferred hosting provider.
Expand All @@ -185,17 +182,25 @@ If your project is using Astro’s default static mode, you will need to set up

To set up a webhook in Netlify:

<Steps>
1. Go to your site dashboard and click on **Build & deploy**.

2. Under the **Continuous Deployment** tab, find the **Build hooks** section and click on **Add build hook**.

3. Provide a name for your webhook and select the branch you want to trigger the build on. Click on **Save** and copy the generated URL.
</Steps>

### Vercel

To set up a webhook in Vercel:

<Steps>
1. Go to your project dashboard and click on **Settings**.

2. Under the **Git** tab, find the **Deploy Hooks** section.

3. Provide a name for your webhook and the branch you want to trigger the build on. Click **Add** and copy the generated URL.
</Steps>

### Adding a webhook to DatoCMS

Expand Down
Loading