tauri-scaffold

When to use this skill

ALWAYS use this skill when the user mentions:

• Scaffolding a new Tauri v2 project
• Understanding the Tauri project structure
• Static export or SSG configuration

Trigger phrases include:

• "scaffold", "create-tauri-app", "project structure", "static export", "SSG", "new project"

How to use this skill

1. Scaffold with create-tauri-app:

   npm create tauri-app@latest my-app -- --template react-ts
   

2. Project structure after scaffolding:

   my-app/
   ├── src/               # Frontend code
   ├── src-tauri/
   │   ├── src/main.rs    # Rust entry point
   │   ├── Cargo.toml     # Rust dependencies
   │   ├── tauri.conf.json # Tauri configuration
   │   └── capabilities/  # Permission files
   └── package.json       # Frontend dependencies
   

3. Configure static export for SSR frameworks (Tauri needs static files):
   • Next.js: output: 'export' in next.config.js
   • SvelteKit: @sveltejs/adapter-static
4. Align output paths in tauri.conf.json:

   { "build": { "frontendDist": "../dist" } }
   

5. Verify the scaffold by running npm run tauri dev and confirming the window opens
6. Add plugins to Cargo.toml as needed for your app features

Outputs

• Scaffolded Tauri v2 project with chosen frontend
• Project structure overview
• Static export configuration for SSR frameworks

References

• https://v2.tauri.app/start/create-project/
• https://v2.tauri.app/start/project-structure/

Keywords

tauri scaffold, create-tauri-app, project structure, static export, SSG