Astro compatibility

[jonathanblade]

Is it possible to use tauri with astro?

[senden9]

It is surely possible to combine them. You should just need to adapt the following values in your tauri.conf.json.

{
  "build": {
    // The Tauri CLI will execute this command when you run `tauri build`.
    // This is the place to bundle your frontend and place html,css, and js files into the `distDir`.
    "beforeBuildCommand": "npm run build",
    // The Tauri CLI will execute this command when you run `tauri dev`.
    // This should start your development server.
    "beforeDevCommand": "npm run dev",
    "devPath": "http://localhost:8000",
    "distDir": "../dist"
  },

[pricesmith]

Is there any template or example project? I'd like to use cargo as a package manager but there's ofc no option for initializing with astro.

[JonasKruckenberg]

You can't use You can't use cargo to manage astro and it's dependencies as Cargo is strictly Rust focused.

Also, see this template herr if you haven't found it already :)

https://github.com/JonasKruckenberg/tauri-astro-template

[angel-luis]

nice thank you, is planned an updated version for the v2 Beta? I think Astro is more suitable than Next.js because is SSG first, while currently Next.js with the App router is server side first. Also Astro is compatible with many libraries/frameworks, while Next.js is closed to React.

[rodydavis]

I have it working with tarui and astro

[CM-IV]

Yes, Tauri works with Astro - my project uses the SolidJS integration. After running my final executable from the terminal however, there is a warning/message Asset 'x' not found; fallback to 'x'.html which I'm guessing has to do with Astro being for MPAs with multiple html files generated.

[samrockcash]

I had the same "Asset 'x' not found; fallback to 'x'.html" issue with a qwik tauri build. I'm Building with solid for now.

[lucasdaub]

The thing to understand is that Tauri will wrap around the pre-existing Astro project. Pay attention to the order :

1. Install NPM

2. Install Rust

3. Install Tauri : cargo install tauri --locked

4. Install Tauri CLI : cargo install tauri-cli --locked

5. Create Astro project : npm create astro@latest

6. Once the Astro project is created, we will use Tauri to integrate into the existing Astro project. To do so, command : cargo tauri init, which creates a minimal Tauri configuration. Check Tauri doc. Tauri will need you to procide a few informations. I give you the base config, please adapt it if you changed the parameters (such as the port or the production files folder name or location) :

• Name of your app
• Name of the window
• Relative path to the production (not dev) files. Per default in Astro the production files are located in the (maybe not currently existing) dist folder. As the path has to be given from the tauri.conf.json file, we will give (per default) ../dist in the prompt
• The dev server url is per default http://localhost:4321/
• The frontend dev command in Astro is npm run dev
• The frontend dev command in Astro is npm run build

7. Once step 6 is done, let's verify that it is working as expected. Let's run the command cargo tauri dev. The dev server will be launched on the url specified (here http://localhost:4321) as a typical Astro project. If you type the url in your browser, you will access it, but it is Astro not Tauri. At the same time, Rust will compile the files (which might take some time on first compilation) and generate the application window. If you have the same window as your web browser, then Tauri is working with Astro ! Here is an example of my Windows :

[angel-luis]

I just needed to follow this guide into an existing Astro project, works fine: https://tauri.app/v1/guides/getting-started/setup/integrate