Use Bun with Astro
Bun is a runtime for JavaScript built for speed. See Bun’s documentation for more information.
Using Bun with Astro still is experimental. Some integrations may not work as expected. If you have any problems using Bun, please open an issue on GitHub!
Installing Bun
Section titled Installing BunUse the following command to install Bun:
Create a new Astro project with Bun
Section titled Create a new Astro project with BunCreate a new Astro project with Bun using the following create astro
command:
Install your dependencies
Section titled Install your dependenciesIf you’re starting a new project using bunx create-astro
, the CLI will automatically use Bun to install dependencies and you can skip this step.
Otherwise, you’ll need to install your dependencies with Bun:
Running the development server
Section titled Running the development serverTo run the development server, use the following command:
Using Astro integrations
Section titled Using Astro integrationsYou can also use any of the official Astro integrations with Bun and the astro add
command:
This will work exactly the same as if you were using NPM, but with the added benefit of using Bun’s blazing fast runtime.
Building your site with Bun
Section titled Building your site with BunTo build and serve your site, Bun has familiar commands:
Bun’s build command will output your site to the dist/
directory.
Then, you can serve your site using the preview
command:
More recipes
-
Share State Between Islands
Learn how to share state across framework components with Nano Stores.
-
Add an RSS feed
Add an RSS feed to your Astro site to let users subscribe to your content.
-
Installing a Vite or Rollup plugin
Learn how you can import YAML data by adding a Rollup plugin to your project.
-
Build Forms With API Routes
Learn how to use JavaScript to send form submissions to an API Route
-
Build HTML Forms in Astro Pages
Learn how to build HTML forms and handle submissions in your frontmatter
-
Use Bun with Astro
Learn how to use Bun with your Astro site.
-
Call endpoints from the server
Learn how to call endpoints from the server in Astro.
-
Verify a Captcha
Learn how to create an API route and fetch it from the client.
-
Build your Astro Site with Docker
Learn how to build your Astro site using Docker.
-
Add icons to external links
Learn how to install a rehype plugin to add icons to external links in your Markdown files
-
Add i18n features
Use dynamic routing and content collections to add internationalization support to your Astro site.
-
Add Last Modified Time
Build a remark plugin to add the last modified time to your Markdown and MDX.
-
Add Reading Time
Build a remark plugin to add reading time to your Markdown or MDX files.
-
Share State Between Astro Components
Learn how to share state across Astro components with Nano Stores.