Lecciones del curso

Intro a las aplicaciones Fullstack con React y Remix

¿Por qué debería aprender Remix?
7m
Construyamos mejores sitios web: Remix V2
4m
Fullstack Data Flow
4m
Cómo crear un proyecto Remix
1m
Escribiendo el componente de la ruta
Escribiendo el action de la ruta
Creando una base de datos con Prisma
Escribiendo el loader de la ruta
Production ready con Netlify

Vamos a iniciar un nuevo proyecto con Remix, para ello solo necesitas tener instalado Node.js en una versión superior a la 18 y listo (checa como administrar las versiones de Node), podemos ejecutar el siguiente comando:

npx create-remix@latest --template netlify/remix-template

Esto inicializará el wizard que nos lleva de la mano para seleccionar las opciones de creación de nuestro nuevo proyecto. Debes notar que también estamos usando el template oficial de Netlify.

Lo que más te recomiendo es que clones mi proyecto directamente:

git clone https://github.com/FixterGeek/intro_Remix_v2

Crearemos entonces un nuevo proyecto llamado intro_Remix_v2

Entramos a nuestra carpeta.

cd intro_Remix_v2

Y ejecutamos el servidor de desarrollo.

npm run dev

Abrimos el navegador y entramos a la ruta http://localhost:3000.

Nuestra aplicación Fullstack, ya está corriendo correctamente; es momento de codear. 👩🏻‍💻

Enlaces relacionados

Administrar Node

https://volta.sh/