React Microfrontend Starter Kit
React Microfrontend Starter Kit es un proyecto gratuito y de código abierto. El mismo ya tiene incorporado TailwindCSS para un mejor aspecto. El proyecto tambien incorpora diferentes bibliotecas preconfiguradas como webpack, typescript y react query, listas para ser usadas.
React Microfrontend Starter Kit is a free and open source project. It already has TailwindCSS built in for a better look. The project also incorporates different preconfigured libraries such as webpack, typescript and react query, ready to be used.
Instalación con npx
Para instalar este proyecto en un solo paso puedes ejecutar el siguiente comando:
npx react-mf-starter <tu-proyecto>
Instalación desde el repositorio
Clonar el proyecto desde tu consola:
git clone https://github.com/e-burgos/react-mf-starter-kit.git
Luego de clonar el proyecto, en la raíz del mismo primero deber ejecutar el siguiente comando para instalar dependencias:
npm install
Luego ejecuta el proyecto utilizando el siguiente comando:
npm run start
Variables de Entorno
Puedes utilizar variables de entorno en todo el proyecto, agrega el archivo .env como se puede ver en .env.example.
Deploy en Vercel
En caso que necesites deployar tu app, Vercel es un muy buena alternativa, aqui te dejo algunos pasos de utilidad.
- Crear una cuenta en Vercel: https://vercel.com
- Crear un nuevo projecto.
- Enlazar los proyectos desde tu consola, para ello te recomiendo instalar globalmente Vercel CLI:
npm i -g vercel
yarn global add vercel
- Para enlazar un proyecto desde tu consola después de correr un "vercel login" débes correr el comando:
vercel <root-directory>
- Algo muy útil es la posibilidad de generar un build con el paso de variables de entorno de la siguiente manera:
vercel --build-env REACT_APP_ANY_ENV=value