Guía del usuario de Bolt: trucos y consejos de básico a avanzado

agarrar (a menudo fig.) Perno Una guía completa de todo lo que necesitas saber sobre el 🧵

Las opciones iniciales pueden parecer obvias, pero aún así es fácil pasarlas por alto. Puedes empezar directamente con tu framework de front-end favorito.

Prepare sus palabras clave de antemano en gpt/claude.

• Ahorra muchas fichas.
• Utilícelo como su arquitecto de software.

Un ejemplo de palabra clave:

1/
Usted es arquitecto de software. Su tarea consiste en proporcionar a los ingenieros especificaciones claras y precisas para su implementación. Céntrese sólo en la funcionalidad actual y evite consideraciones teóricas o futuras. Desglosa las especificaciones característica por característica y limita las historias de usuario a 200 palabras cada una. Esto ayuda a garantizar mejoras iterativas y evita sobrecargar el gran modelo de lenguaje.

Las descripciones deben ser directas y concisas, evitando detalles innecesarios.

No emitas nada, espera las características de entrada y las pilas tecnológicas.

Pulse Intro para continuar.

2/
(La búsqueda en Internet ya está activada en GPT).

Utilizaremos la siguiente pila tecnológica:

Copie y pegue el contenido del archivo package.json de su proyecto Bolt (esta es la forma más rápida).

O simplemente escriba: Estoy usando nextjs 14 en combinación con shadcn, tailwindcss y zod...

Investiga y aprende sobre ellos. Los necesitaremos en el siguiente paso:

3/
(Desactivar la búsqueda en la Web)

Misión:
--> Descripción de su solicitud <--

Salida:
Escriba una historia de usuario basada en el marco dado e incluya un breve resumen al principio. No incluya el código.

Si realiza actualizaciones de código, asegúrese de estar familiarizado con "Bloquear" y "Objetivo".

🔒Lock: Bolt ignora este archivo y no lo modifica.
🎯Target: sólo se modificarán archivos específicos.

También puedes aplicar estas reglas a las carpetas.

Tarde o temprano, se encontrará con la API.

1. Lectura de datos meteorológicos
2. Interacción con OpenAI
3. Uso de la API de Google Maps

• Necesita crear un archivo .env.
• Guarde su clave API en este archivo. (Encuentra los nombres de las variables en el código, o Bolt te lo dirá).

Nota: No guarde este archivo en el repositorio de código.

Base de datos:

Los WebContainers se ejecutan íntegramente en el navegador, por lo que no admiten instalaciones tradicionales de bases de datos.

En su lugar, recomiendo utilizar una API para interactuar con la base de datos remota.

• Supabase (PostgreSQL)
• Turso (SQLite)
  O cambiar a Cursor Y realizarlo allí.

Eso es cierto sólo en parte.SQLite funciona, pero la cuestión es si merece la pena empezar todo este trabajo en Bolt.

Puedes subir cualquier imagen y Bolt intentará restaurar su estilo, color y diseño.

Cómo conseguir una edición más rápida y menos Ficha Úsalo:

Con la edición basada en diff, Bolt deja de regenerar todo el archivo cuando se realizan pequeños cambios.

Y ya puedes utilizar la edición basada en diferencias.

Si se produce un cuello de botella al utilizar Bolt:

Si no funciona en absoluto, consulta la consola de Bolt o la Chrome Developer Console. Allí podrás encontrar información útil que proporcionar a Bolt para solucionarlo.

Utilice console.log para localizar errores.

¿Recuerdas Prince of Persia? Usa Bolt para retroceder en el tiempo y deshacer cambios insatisfactorios.

¿Has oído hablar de .cursorrules? Bolt tiene una función similar.
Acabo de probarlo con el Bolt.
Sólo tienes que añadir tus normas y reglas de codificación al archivo .bolt/prompt y tendrás una guía de cómo debe comportarse la IA.

Bolt es de código abierto.
Puedes encontrar la palabra clave completa utilizada por Bolt en GitHub.