astro/examples/integration/README.md

# Astro Starter Kit: Integration Package

This is a template for an Astro integration. Use this template for writing integrations to use in multiple projects or publish to NPM.

```sh
npm create astro@latest -- --template integration
```

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/integration)
[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/integration)
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/integration/devcontainer.json)

## 🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

```text
/
├── index.ts
├── tsconfig.json
├── package.json
```

The `index.ts` file is the "entry point" for your integration. Export your integration in `index.ts` to make them importable from your package.

## 🧞 Commands

All commands are run from the root of the project, from a terminal:

| Command       | Action                                                                                                                                                                                                                           |
| :------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `npm link`    | Registers this package locally. Run `npm link my-integration` in an Astro project to install your integration                                                                                                                    |
| `npm publish` | [Publishes](https://docs.npmjs.com/creating-and-publishing-unscoped-public-packages#publishing-unscoped-public-packages) this package to NPM. Requires you to be [logged in](https://docs.npmjs.com/cli/v8/commands/npm-adduser) |
Adds an integration starter example (#4877) * adding an integration starter example * chore: linter fixes * removing components from the integration example * removing the monorepo and demo project, adding links to docs and examples * chore: update lock file * typo fix 2022-10-07 16:06:51 +00:00			`# Astro Starter Kit: Integration Package`

			`This is a template for an Astro integration. Use this template for writing integrations to use in multiple projects or publish to NPM.`

Fix: lang unspecified code blocks (#8461) 2023-09-11 11:45:21 +00:00			```sh
Adds an integration starter example (#4877) * adding an integration starter example * chore: linter fixes * removing components from the integration example * removing the monorepo and demo project, adding links to docs and examples * chore: update lock file * typo fix 2022-10-07 16:06:51 +00:00			`npm create astro@latest -- --template integration`
			```

			`[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/integration)`
Update open with codesandbox link to use synced sandboxes (#6105) 2023-02-03 17:52:11 +00:00			`[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/integration)`
Fixes example README links to open in codespaces (#6346) 2023-02-23 17:20:19 +00:00			`[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/integration/devcontainer.json)`
Adds an integration starter example (#4877) * adding an integration starter example * chore: linter fixes * removing components from the integration example * removing the monorepo and demo project, adding links to docs and examples * chore: update lock file * typo fix 2022-10-07 16:06:51 +00:00
			`## 🚀 Project Structure`

			`Inside of your Astro project, you'll see the following folders and files:`

Fix: lang unspecified code blocks (#8461) 2023-09-11 11:45:21 +00:00			```text
Adds an integration starter example (#4877) * adding an integration starter example * chore: linter fixes * removing components from the integration example * removing the monorepo and demo project, adding links to docs and examples * chore: update lock file * typo fix 2022-10-07 16:06:51 +00:00			`/`
			`├── index.ts`
			`├── tsconfig.json`
			`├── package.json`
			```

			The `index.ts` file is the "entry point" for your integration. Export your integration in `index.ts` to make them importable from your package.

			`## 🧞 Commands`
Format markdown files (#7439) Co-authored-by: Chris Swithinbank <swithinbank@gmail.com> 2023-06-26 03:34:13 +00:00
Adds an integration starter example (#4877) * adding an integration starter example * chore: linter fixes * removing components from the integration example * removing the monorepo and demo project, adding links to docs and examples * chore: update lock file * typo fix 2022-10-07 16:06:51 +00:00			`All commands are run from the root of the project, from a terminal:`

Format markdown files (#7439) Co-authored-by: Chris Swithinbank <swithinbank@gmail.com> 2023-06-26 03:34:13 +00:00			`\| Command \| Action \|`
			`\| :------------ \| :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- \|`
			\| `npm link` \| Registers this package locally. Run `npm link my-integration` in an Astro project to install your integration \|
			\| `npm publish` \| [Publishes](https://docs.npmjs.com/creating-and-publishing-unscoped-public-packages#publishing-unscoped-public-packages) this package to NPM. Requires you to be [logged in](https://docs.npmjs.com/cli/v8/commands/npm-adduser) \|