Astro SSR on Render

This template deploys a server-side rendered Astro application on Render.

Features

• Server-side rendering: Pages render on every request
• API routes: JSON endpoints with GET and POST handlers
• Tailwind CSS v4: Modern styling via Vite plugin
• Standalone mode: No Express needed

Local development

npm install
npm run dev

The app runs at http://localhost:4321.

Available scripts

Script	Description
npm run dev	Start the development server with hot reload
npm run build	Build for production
npm run preview	Preview the production build locally
npm run server	Run the production server

What the demo shows

The homepage demonstrates two SSR features:

1. Server-rendered data: A timestamp and request ID that change on every page refresh, compared to a live client-side clock
2. API routes: An interactive form that calls /api/hello and displays the JSON response

Project structure

├── src/
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   ├── index.astro
│   │   └── api/
│   │       └── hello.ts
│   └── styles/
│       └── global.css
├── public/
├── astro.config.mjs
├── tsconfig.json
├── render.yaml
└── package.json

API route

The template includes an example endpoint at /api/hello:

curl http://localhost:4321/api/hello?name=Astro

{
  "message": "Hello, Astro!",
  "timestamp": "2026-01-16T12:00:00.000Z",
  "method": "GET"
}

Adding pages

Astro uses file-based routing:

• src/pages/about.astro → /about
• src/pages/blog/[slug].astro → /blog/:slug
• src/pages/api/users.ts → /api/users

Resources

• Astro documentation
• Astro Node adapter
• Render web services