🚀 Crea aplicaciones de escritorio modernas con Tauri + Next.js 14 + Tailwind CSS + shadcn/ui con un solo comando
Perfecto para iniciar apps de escritorio livianas, seguras y rápidas utilizando tecnologĂas web.
# Crea una nueva aplicaciĂłn con un solo comando
npx create-next-tauri mi-app
# Navega al directorio del proyecto
cd mi-app
# Inicia el servidor de desarrollo
npm run tauri dev
¡Eso es todo! Tu nueva aplicación Tauri + Next.js estará funcionando en segundos.
Antes de usar create-next-tauri
, asegĂşrate de tener instalado:
mi-app/
├── src/ # Código fuente de Tauri (Rust)
│ ├── main.rs # Punto de entrada de Rust
│ └── ...
├── src-tauri/ # Configuración de Tauri
│ ├── tauri.conf.json # Configuración principal de Tauri
│ └── ...
├── app/ # Componentes de Next.js
│ ├── page.tsx # Página principal
│ ├── layout.tsx # Layout principal
│ └── ...
├── components/ # Componentes React reutilizables
│ ├── ui/ # Componentes de interfaz de usuario (shadcn/ui)
│ └── ...
├── lib/ # Utilidades y helpers
├── styles/ # Estilos globales
└── public/ # Archivos estáticos
npm run tauri dev
- Inicia el servidor de desarrollo de Next.js y Taurinpm run tauri build
- Compila la aplicaciĂłn para producciĂłnnpm run dev
- Inicia solo el servidor de desarrollo de Next.jsnpm run build
- Compila solo la parte web de la aplicaciĂłnnpm run lint
- Ejecuta el linter para verificar la calidad del cĂłdigoPuedes personalizar la configuraciĂłn de Tauri editando el archivo src-tauri/tauri.conf.json
:
{
"build": {
"beforeBuildCommand": "npm run build",
"beforeDevCommand": "npm run dev",
"devPath": "http://localhost:3000",
"distDir": "../out"
},
"package": {
"productName": "Mi AplicaciĂłn",
"version": "0.1.0"
},
// ... más configuraciones
}
Este starter utiliza shadcn/ui, que proporciona componentes hermosos y personalizables. Puedes añadir más componentes con:
npx shadcn-ui@latest add button
npx shadcn-ui@latest add card
# etc.
El starter incluye ejemplos de:
¡Las contribuciones son bienvenidas! Si tienes alguna sugerencia, problema o mejora:
git checkout -b feature/amazing-feature
)git commit -m 'feat: add amazing feature'
)git push origin feature/amazing-feature
)Distribuido bajo la licencia MIT. Ver LICENSE
para más información.
Creado con ❤️ por Pietro923