When to use this skill
ALWAYS use this skill when the user mentions:
- Scaffolding a Tauri v2 project
- Project structure or initial configuration
- Static export or SSG for framework integration
Trigger phrases include:
- "create-tauri-app", "scaffold", "project structure", "static export", "SSG"
- "scaffolding", "project structure", "static export", "SSG"
How to use this skill
- Gather target platforms and frontend framework choice
- Use create-tauri-app with appropriate options
- Apply SSG or static export configuration for the chosen framework
- Verify the project builds and loads local assets correctly
Outputs
- Scaffold commands and options
- Project structure and config checklist
Scope
- Boundary: create-tauri-app decisions and initial configuration
- Key points: SSG/export configuration for frameworks like Next.js
References
- https://v2.tauri.app/llms.txt
- https://v2.tauri.app/start/create-project/
- https://v2.tauri.app/start/project-structure/
- https://v2.tauri.app/start/frontend/
Keywords
tauri scaffold, create-tauri-app, project structure, static export, ssg
Common Gotchas
- Version compatibility: Pay attention to compatibility between framework versions and dependency libraries; APIs may differ across versions
- Configuration file format: Configuration file format errors are the most common issue; it is recommended to use your editor's syntax checking
- Environment variables: Ensure all necessary environment variables are set correctly, and do not hardcode sensitive information
- Dependency conflicts: When multiple versions coexist, watch out for dependency conflicts and use a lock file to pin versions
- Performance pitfalls: Pay attention to performance optimization in large-data scenarios, and avoid common issues such as N+1 queries
Usage workflow
Step 1: Environment preparation
Ensure the development environment has the necessary dependencies and tools installed.
Step 2: Configuration initialization
Perform basic configuration according to project requirements.
Step 3: Using core features
Implement the core features according to the example code.
Step 4: Testing and verification
Run tests to ensure the functionality works properly.
Step 5: Deployment
After development is complete, proceed with deployment and monitoring.