Bun Nuxt

What it does

This skill enables AI agents to automate the setup, development, and deployment of Nuxt.js 3 applications using the Bun runtime. It streamlines common tasks like project initialization, dependency installation, building for production, and previewing deployments – all leveraging Bun's performance benefits. The skill also provides examples of how to utilize Bun APIs for server-side functionality such as database interaction, middleware implementation, file operations, and composables.

When to use it

• You want to quickly scaffold a new Nuxt.js 3 project.
• You are looking for faster development cycles compared to traditional Node.js based Nuxt projects.
• You need to implement server-side logic within your Nuxt application using Bun APIs (e.g., database access, file handling).
• You want to leverage the performance benefits of Bun for building and deploying Nuxt applications.

Key capabilities

• Automated Nuxt project initialization with bunx nuxi.
• Dependency installation using bun install.
• Build and preview commands leveraging Bun's runtime (bun run build, bun run preview).
• Configuration examples for Nitro (Nuxt’s server engine) including Bun-specific presets.
• Demonstrates use of Bun APIs for:
  • Server routes (e.g., accessing a SQLite database).
  • Server middleware (e.g., authentication).
  • File operations.
  • Composables with server data fetching.

Example prompts

• "Create a new Nuxt project named 'my-app' using Bun."
• "Show me how to set up a server route in my Nuxt application that uses the SQLite database."
• “How do I build and preview my Nuxt app with Bun?”

Tips & gotchas

• Requires familiarity with Nuxt.js 3 concepts.
• The skill provides example configurations; you may need to adjust these based on your project's specific requirements.
• Bun is a relatively new runtime, so ensure compatibility with any third-party libraries or modules used in your Nuxt project.