Primeros pasos

En esta lección vamos a crear un proyecto de Qwik utilizando npm create qwik@latest y vamos a hablar de la estructura que nos vamos a encontrar al hacerlo. En el momento en el que hacemos este tutorial, lo hago con la versión 0.21 de Qwik, así que para que no haya problemas, te recomiendo que clones el repositorio principal del curso para principiantes. Sin embargo, está comprobado que todo funciona en las últimas versiones. Por cierto, a partir de ahora en algunas lecciones te dejaré un enlace a una branch de un repositorio de GitHub donde discutimos todo lo que aprendemos aquí. Lo verás marcado de la siguiente forma:

Has un npm i después de hacer git checkout start. Para abrir el entorno de desarrollo haz npm run dev. Si se te abre la siguiente pantalla, vamos bien.

En el vídeo de la lección te cuento largo y tendido cómo funciona la estructura de un proyecto con Qwik, sobre todo, lo importante es quedarse con la idea de Slot, index y layout.

Una vez cubierto el tema, estamos listos para descubrir el mundo del Routing de Qwik y Qwik City.