You can use the Command-Line Interface (CLI) provided by Astro to develop, build, and preview your project from a terminal window.
Section titled astro commands
Use the CLI by running one of the commands documented on this page with your preferred package manager, optionally followed by any flags. Flags customize the behavior of a command.
One of the commands you’ll use most often is
astro dev. This command starts the development server and gives you a live, updating preview of your site in a browser as you work:
You can type
astro --help in your terminal to display a list of all available commands:
The following message will display in your terminal:
Section titled package.json scripts
You can also use scripts in
package.json for shorter versions of these commands. Using a script allows you to use the same commands that you may be familiar with from other projects, such as
npm run build.
The following scripts for the most common
astro commands (
astro build, and
astro preview) are added for you automatically when you create a project using the
create astro wizard.
When you follow the instructions to install Astro manually, you are instructed to add these scripts yourself. You can also add more scripts to this list manually for any commands you use frequently.
You will often use these
astro commands, or the scripts that run them, without any flags. Add flags to the command when you want to customize the command’s behavior. For example, you may wish to start the development server on a different port, or build your site including draft pages.
-- before the
--port flag is necessary for
npm to pass your flags to the
Section titled astro dev
Runs Astro’s development server. This is a local HTTP server that doesn’t bundle assets. It uses Hot Module Replacement (HMR) to update your browser as you save changes in your editor.
Use these flags to customize the behavior of the Astro dev server. For flags shared with other Astro commands, see common flags below.
Section titled --port <number>
Specifies which port to run on. Defaults to
Section titled --host [optional host address]
--host [optional host address]
Sets which network IP addresses the dev server should listen on (i.e. non-localhost IPs). This can be useful for testing your project on local devices like a mobile phone during development.
--host— listen on all addresses, including LAN and public addresses
--host <custom-address>— expose on a network IP address at
Section titled astro build
Builds your site for deployment. By default, this will generate static files and place them in a
dist/ directory. If SSR is enabled, this will generate the necessary server files to serve your site.
Use these flags to customize your build. For flags shared with other Astro commands, see common flags below.
Section titled --drafts
Includes Markdown draft pages in the build.
Section titled astro preview
Starts a local server to serve your static
This command is useful for previewing your build locally, before deploying it. It is not designed to be run in production. For help with production hosting, check out our guide on Deploying an Astro Website.
Since Astro 1.5.0,
astro preview also works for SSR builds if you use an adapter that supports it. Currently, only the Node adapter supports
Can be combined with the common flags documented below.
Section titled astro check
Runs diagnostics (such as type-checking within
.astro files) against your project and reports errors to the console. If any errors are found the process will exit with a code of 1.
This command is intended to be used in CI workflows.
Use these flags to customize the behavior of the command.
Section titled --watch
The command will watch for any changes to
.astro files, and will report any errors.
📚 Read more about TypeScript support in Astro.
Section titled astro sync
Generates TypeScript types for all Astro modules. This sets up a
src/env.d.ts file for type inferencing, and defines the
astro:content module for the Content Collections API.
Section titled astro add
Adds an integration to your configuration. Read more in the integrations guide.
Section titled astro docs
Launches the Astro Docs website directly from the terminal.
Section titled astro telemetry
Sets telemetry configuration for the current CLI user. Telemetry is anonymous data that provides the Astro team insights into which Astro features are most often used.
Telemetry can be disabled with this CLI command:
Telemetry can later be re-enabled with:
clear command resets the telemetry data:
Common flagsSection titled Common flags
Section titled --root <path>
Specifies the path to the project root. If not specified, the current working directory is assumed to be the root.
The root is used for finding the Astro configuration file.
Section titled --config <path>
Specifies the path to the config file relative to the project root. Defaults to
astro.config.mjs. Use this if you use a different name for your configuration file or have your config file in another folder.
Section titled --site <url>
site for your project. Passing this flag will override the
site value in your
astro.config.mjs file, if one exists.
Section titled --base <pathname>
base for your project. Passing this flag will override the
base value in your
astro.config.mjs file, if one exists.
Section titled --verbose
Enables verbose logging, which is helpful when debugging an issue.
Section titled --silent
Enables silent logging, which will run the server without any console output.
Global flagsSection titled Global flags
Use these flags to get information about the
Section titled --version
Prints the Astro version number and exits.
Section titled --open
Automatically opens the app in the browser on server start.
Section titled --help
Prints the help message and exits.