Astro Config Generator

Generate astro.config.mjs with integrations, adapters, and build settings

All processing happens in your browser. No data is sent to any server.

Output & Adapter

Output Mode

Adapter

Integrations

Site Settings

Site URL

Base Path

Trailing Slash

Vite / Server

Dev Server Port

Dev Server Host

Vite Plugins (JS expression)

Generated astro.config.mjs

import { defineConfig } from 'astro/config';

export default defineConfig({});

Why This Tool

Setting up an Astro project requires configuring integrations, SSR adapters, build output, and various options. This generator gives you a visual form to select your options and outputs a ready-to-use astro.config.mjs file.

How It Works

Select your desired integrations (React, Tailwind, MDX, etc.), choose an adapter (static, Node, Cloudflare, Vercel), configure build settings, and copy the generated config file into your project.

Related Tools

More JavaScript Tools

JavaScript Minifier Regex Tester Regex Library Regex Cheat Sheet Array Methods Cheat Sheet Object Methods Reference View all →