2022-06-30 16:02:39 +00:00
# @astrojs/deno 🦖
This adapter allows Astro to deploy your SSR site to Deno targets.
2022-09-03 20:23:44 +00:00
Learn how to deploy your Astro site in our [Deno Deploy deployment guide ](https://docs.astro.build/en/guides/deploy/deno/ ).
2022-06-30 16:02:39 +00:00
- < strong > [Why Astro Deno](#why-astro-deno)</ strong >
- < strong > [Installation](#installation)</ strong >
- < strong > [Usage](#usage)</ strong >
- < strong > [Configuration](#configuration)</ strong >
- < strong > [Examples](#examples)</ strong >
- < strong > [Troubleshooting](#troubleshooting)</ strong >
- < strong > [Contributing](#contributing)</ strong >
- < strong > [Changelog](#changelog)</ strong >
## Why Astro Deno
If you're using Astro as a static site builder—its behavior out of the box—you don't need an adapter.
If you wish to [use server-side rendering (SSR) ](https://docs.astro.build/en/guides/server-side-rendering/ ), Astro requires an adapter that matches your deployment runtime.
[Deno ](https://deno.land/ ) is a runtime similar to Node, but with an API that's more similar to the browser's API. This adapter provides access to Deno's API and creates a script to run your project on a Deno server.
## Installation
First, install the `@astrojs/deno` package using your package manager. If you're using npm or aren't sure, run this in the terminal:
2022-07-11 19:10:34 +00:00
2022-06-30 16:02:39 +00:00
```sh
npm install @astrojs/deno
```
Then, install this adapter in your `astro.config.*` file using the `adapter` property:
2022-07-11 19:10:34 +00:00
__`astro.config.mjs`__
2022-06-30 16:02:39 +00:00
```js
import { defineConfig } from 'astro/config';
import deno from '@astrojs/deno';
export default defineConfig({
// ...
2022-07-25 04:18:02 +00:00
output: 'server',
2022-06-30 16:02:39 +00:00
adapter: deno()
});
```
## Usage
2022-07-08 19:56:24 +00:00
After [performing a build ](https://docs.astro.build/en/guides/deploy/#building-your-site-locally ) there will be a `dist/server/entry.mjs` module. You can start a server by importing this module in your Deno app:
2022-06-30 16:02:39 +00:00
```js
import './dist/entry.mjs';
```
See the `start` option below for how you can have more control over starting the Astro server.
You can also run the script directly using deno:
2022-07-11 19:10:34 +00:00
```sh
2022-06-30 16:02:39 +00:00
deno run --allow-net --allow-read --allow-env ./dist/server/entry.mjs
```
## Configuration
To configure this adapter, pass an object to the `deno()` function call in `astro.config.mjs` .
2022-07-11 19:10:34 +00:00
__`astro.config.mjs`__
2022-06-30 16:02:39 +00:00
```js
import { defineConfig } from 'astro/config';
import deno from '@astrojs/deno';
export default defineConfig({
2022-07-25 04:18:02 +00:00
output: 'server',
2022-06-30 16:02:39 +00:00
adapter: deno({
//options go here
})
});
```
2022-08-08 17:07:38 +00:00
### start
2022-06-30 16:02:39 +00:00
2022-08-08 17:07:38 +00:00
This adapter automatically starts a server when it is imported. You can turn this off with the `start` option:
2022-06-30 16:02:39 +00:00
2022-08-08 17:07:38 +00:00
```js
import { defineConfig } from 'astro/config';
import deno from '@astrojs/deno';
2022-06-30 16:02:39 +00:00
2022-08-08 17:07:38 +00:00
export default defineConfig({
output: 'server',
adapter: deno({
start: false
})
});
```
2022-06-30 16:02:39 +00:00
2022-08-08 17:07:38 +00:00
If you disable this, you need to write your own Deno web server. Import and call `handle` from the generated entry script to render requests:
2022-06-30 16:02:39 +00:00
2022-08-08 17:07:38 +00:00
```ts
import { serve } from "https://deno.land/std@0.132.0/http/server.ts";
import { handle } from './dist/entry.mjs';
2022-06-30 16:02:39 +00:00
2022-08-08 17:07:38 +00:00
serve((req: Request) => {
// Check the request, maybe do static file handling here.
2022-06-30 16:02:39 +00:00
2022-08-08 17:07:38 +00:00
return handle(req);
});
```
2022-06-30 16:02:39 +00:00
2022-08-08 17:07:38 +00:00
### port and hostname
2022-06-30 16:02:39 +00:00
2022-08-08 17:07:38 +00:00
You can set the port (default: `8085` ) and hostname (default: `0.0.0.0` ) for the deno server to use. If `start` is false, this has no effect; your own server must configure the port and hostname.
2022-06-30 16:02:39 +00:00
2022-08-08 17:07:38 +00:00
```js
import { defineConfig } from 'astro/config';
import deno from '@astrojs/deno';
2022-06-30 16:02:39 +00:00
2022-08-08 17:07:38 +00:00
export default defineConfig({
output: 'server',
adapter: deno({
port: 8081,
hostname: 'myhost'
})
});
2022-06-30 16:02:39 +00:00
```
## Examples
The [Astro Deno ](https://github.com/withastro/astro/tree/main/examples/deno ) example includes a `preview:deno` command that runs the entry script directly. Run `npm run build` then `npm run preview:deno` to run the production deno server.
## Troubleshooting
2022-07-11 19:10:34 +00:00
For help, check out the `#support-threads` channel on [Discord ](https://astro.build/chat ). Our friendly Support Squad members are here to help!
You can also check our [Astro Integration Documentation][astro-integration] for more on integrations.
2022-06-30 16:02:39 +00:00
## Contributing
This package is maintained by Astro's Core team. You're welcome to submit an issue or PR!
## Changelog
2022-07-11 19:10:34 +00:00
See [CHANGELOG.md ](CHANGELOG.md ) for a history of changes to this integration.
2022-06-30 16:02:39 +00:00
[astro-integration]: https://docs.astro.build/en/guides/integrations-guide/