Desplegar app de React.js en Netlify (en menos de 5 min)

Cristian Fernando - Nov 10 '20 - - Dev Community

Para desplegar una app desarrollada en React.js en Netlify de manera sencilla y rápida bastará seguir los siguientes pasos:

1.Entra a la web oficial de Netlify y crea un cuenta, puedes crear la misma con tu cuenta de:
-GitHub
-GitLab
-Bitbucket
-Simple email

2.En tu app de React.js genera los archivos de producción ejecutando:

npm run build
Enter fullscreen mode Exit fullscreen mode

3.Para subir el proyecto desde una terminal es necesario instalar el paquete netlify-cli de manera global, para ello ejecuta:

npm install netlify-cli -g
Enter fullscreen mode Exit fullscreen mode

4.Ejecuta:

netlify deploy
Enter fullscreen mode Exit fullscreen mode

5.Selecciona la opción: + Create & configure a new site

6.Dale un nombre al deploy (opcional)

7.En la configuración Publish directory indica la carpeta build de tu proyecto, bastara con escribir:

./build
Enter fullscreen mode Exit fullscreen mode

8.Espera unos segundos y la terminal devolverá una salida incliuida la opción Website Draft URL que es el link en internet donde estará alojado nuestro proyecto. C'est fini! (Eso es todo)

Referencias

img

Image
pip Trends newsletter | 25-May-2024

python, programming, datascience, dataengineering
Image
Effective way to deploy virtual machines using Quickstart Templates and Monitor your resources through Mobile App.
Image
My Patent Pending AWS Challenge

awschallenge, authentication, devchallenge, fullstack
Image
Essential React Libraries for Your Next Project

webdev, react, reactnative
Image
Preventing Memory Leaks using Context Managers in Python

python, programming, coding, software
Image
Is Web3 expensive?

web3, blockchain
Image
Networking Tips for New Developers: Building Your Professional Circle

beginners, tutorial, codenewbie, career
Image
Enneagram Test

codepen
Image
Step by Step to deploy Go API on AWS lambda and access by function URL

go, api, aws
Image
Create Accordion in NuxtJS with Tailwind CSS

vue, nuxt, webdev, tailwindcss
Image
New shell scripting language, a new tablet, and in-product messaging

bash, ipad, product, marketing
Image
Bootcamp De ServiceNow Gratuito Com Chance De Contratação

cursogratuito, bootcamps, bootcamp, cloud
Image
How to Use Dark Mode In NuxtJS with Nuxtlabs UI

nuxt, vue, tailwindcss, webdev
Image
5 Functions of Bones in Humans That Are Rarely Realized

lifehealth, bones
Image
Learning AWS Day by Day — Day 74 — AWS Organization Concepts

aws, cloud, cloudcomputing, beginners
Image
Sign Git Commits and Authenticate to GitHub with SSH Keys

git, ssh, commit, github
Image
Registration - form

codepen
Image
UseRouter import from next/navigation or next/router in App Router Next JS?

javascript, nextjs, userouter, react
Image
API Design Patterns: Enhancing Flexibility, Performance, and Security

api, designpatterns, itarchjournal, architecture
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .