Raellen's notes

Back

Deployment

Comment system for pages at the bottom

Deployment Mode#

Vercel#

This theme supports Vercel by default:

  1. Push your code to your online Git repository (GitHub, GitLab, BitBucket).
  2. Import your project ↗ into Vercel.
  3. Vercel will automatically detect Astro and configure the right settings.
  4. Your application is deployed! (e.g. astro.vercel.app ↗)

And vercel also support static method:

astro.config.mjs
import vercelServerless from '@astrojs/vercel/serverless'
import vercelStatic from '@astrojs/vercel/static'; 

export default defineConfig({
  //   ...
  adapter: vercelServerless() 
  adapter: vercelStatic(), 
})
ts

Node server#

If you are deploying with Node.js locally, you need to install @astrojs/node first:

bun add '@astrojs/node'
shell

Then follow the comments in astro.config.ts and modify like:

astro.config.ts
import vercelServerless from '@astrojs/vercel/serverless'
import node from '@astrojs/node'

export default defineConfig({
  //   ...
  adapter: vercelServerless() 
  adapter: node({ mode: 'standalone' }) 
})
ts

Bun server#

Bun also support static method.

Check @nurodev/astro-bun ↗ for more.

Static#

Remove all server adapter configuration in astro.config.ts:

astro.config.ts
import vercelServerless from '@astrojs/vercel/serverless'

export default defineConfig({
  //   ...
  adapter: vercelServerless(), 
  output: 'server', 
})
ts

GitHub Pages#

See Astro: Configure Astro for GitHub Pages ↗.