astro/packages/integrations/node
Randall 2f56664f85
Fix example on README.md on @astrojs/node (#3817)
* Fix example on `README.md`

The example was suggesting `import deno from '@astrojs/node';` which doesn't work. It needs to be `import node from '@astrojs/node';`.

* Create itchy-bottles-rhyme.md

Co-authored-by: Peter Singh <afuzzybear@outlook.com>
2022-07-04 22:51:30 +01:00
..
src [ci] format 2022-06-06 16:49:53 +00:00
CHANGELOG.md [ci] release (#3774) 2022-06-30 11:39:44 -07:00
package.json [ci] release (#3774) 2022-06-30 11:39:44 -07:00
README.md Fix example on README.md on @astrojs/node (#3817) 2022-07-04 22:51:30 +01:00
tsconfig.json Adapters v0 (#2855) 2022-03-24 07:26:25 -04:00

@astrojs/node 🔲

This adapter allows Astro to deploy your SSR site to Node targets.

Why Astro Node

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), Astro requires an adapter that matches your deployment runtime.

Node is a JavaScript runtime for server-side code. Frameworks like Express are built on top of it and make it easier to write server applications in Node. This adapter provides access to Node's API and creates a script to run your Astro project that can be utilized in Node applications.

Installation

First, install the @astrojs/node package using your package manager. If you're using npm or aren't sure, run this in the terminal:

npm install @astrojs/node

Then, install this adapter in your astro.config.* file using the adapter property:

astro.config.mjs

import { defineConfig } from 'astro/config';
import node from '@astrojs/node';

export default defineConfig({
  // ...
  adapter: node()
})

Usage

After performing a build there will be a dist/server/entry.mjs module that exposes a handler function. This works like a middleware function: it can handle incoming requests and respond accordingly.

Using a middleware framework

You can use this handler with any framework that supports the Node request and response objects.

For example, with Express:

import express from 'express';
import { handler as ssrHandler } from './dist/server/entry.mjs';

const app = express();
app.use(ssrHandler);

app.listen(8080);

Using http

This output script does not require you use Express and can work with even the built-in http and https node modules. The handler does follow the convention calling an error function when either

  • A route is not found for the request.
  • There was an error rendering.

You can use these to implement your own 404 behavior like so:

import http from 'http';
import { handler as ssrHandler } from './dist/server/entry.mjs';

http.createServer(function(req, res) {
  ssrHandler(req, res, err => {
    if(err) {
      res.writeHead(500);
      res.end(err.toString());
    } else {
      // Serve your static assets here maybe?
      // 404?
      res.writeHead(404);
      res.end();
    }
  });
}).listen(8080);

Configuration

This adapter does not expose any configuration options.

Examples

Troubleshooting

Contributing

This package is maintained by Astro's Core team. You're welcome to submit an issue or PR!

Changelog