Skip to content

Netlify

Deploy your Velocity site to Netlify.

  1. Push your code to GitHub, GitLab, or Bitbucket

  2. Log in to Netlify

  3. Click “New site from Git”

  4. Select your repository

  5. Set environment variables

  6. Click Deploy

Terminal window
# Install Netlify CLI
pnpm add -g netlify-cli
# Login
netlify login
# Deploy preview
netlify deploy
# Deploy to production
netlify deploy --prod

Create netlify.toml in project root:

[build]
command = "pnpm build"
publish = "dist"
[build.environment]
NODE_VERSION = "22"

For API routes and SSR, add the Netlify adapter:

Terminal window
pnpm add @astrojs/netlify
astro.config.mjs
import netlify from '@astrojs/netlify';
export default defineConfig({
output: 'server',
adapter: netlify(),
});

Set in Netlify Dashboard → Site Settings → Environment Variables:

Terminal window
SITE_URL=https://your-site.netlify.app
PUBLIC_GA_MEASUREMENT_ID=G-XXXXXXXXXX

Or in netlify.toml:

[context.production.environment]
SITE_URL = "https://yoursite.com"
  1. Go to Domain Settings
  2. Add custom domain
  3. Configure DNS
  4. Enable HTTPS

Netlify Functions for serverless:

netlify/functions/hello.ts
export async function handler(event, context) {
return {
statusCode: 200,
body: JSON.stringify({ message: 'Hello!' }),
};
}
SettingValue
Build Commandpnpm build
Publish Directorydist
Node Version22

Every pull request gets a preview URL:

  • deploy-preview-123--your-site.netlify.app

Increase timeout in netlify.toml:

[build]
command = "pnpm build"
publish = "dist"
[functions]
timeout = 60

Ensure Node 22+ in netlify.toml:

[build.environment]
NODE_VERSION = "22"