Deploy your Astro Site to Render

You can deploy your Astro project to Render, a service to build websites with free TLS certificates, a global CDN, DDoS protection, private networks, and auto deploys from Git.

1. Create a render.com account and sign in
2. Click the New + button from your dashboard and select Static Site
3. Connect your GitHub or GitLab repository or alternatively enter the public URL of a public repository
4. Give your website a name, select the branch and specify the build command and publish directory
   • build command: npm run build
   • publish directory: dist
   • Environment variables (advanced): By default, Render uses Node.js 14.17.0, but Astro requires a higher version. Add an environment variable with a Variable key of NODE_VERSION and a Value of 16.12.0 or higher to tell Render to use a compatible Node.js version. Alternatively, add a .node-version or .nvmrc file to your project to specify a Node.js version.
5. Click the Create Static Site button