Creating a starter React app, and hosting it on Firebase Hosting, is very simple. First you create the app using Vite’s React template. Then, you initialize Firebase Hosting in the project. Finally, you run it locally to develop, and deploy it to Firebase when ready for the world to see!<\/p>\n\n\n\n
Create a React app named my-great-app<\/strong>:<\/p>\n\n\n\n Initialize Firebase Hosting:<\/p>\n\n\n\n Edit right after this line:<\/p>\n\n\n\n and save the file.<\/p>\n\n\n\n Finally, run your app! To develop locally, run npm run dev<\/strong>, and to deploy to Firebase Hosting, run firebase deploy<\/strong><\/p>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":" Creating a starter React app, and hosting it on Firebase Hosting, is very simple. First you create the app using Vite’s React template. Then, you initialize Firebase Hosting in the project. Finally, you run it locally to develop, and deploy it to Firebase when ready for the world to see! Create a React app named … <\/p>\n$ npm create vite@latest my-great-app -- --template react<\/code>$ cd my-great-app<\/code><\/code>$ npm install<\/code>$ npm run build<\/code><\/p>\n\n\n\n$ firebase init hosting<\/code><\/p>\n\n\n\n\n
dist<\/code><\/li>\n\n\n\ny<\/code> to “Configure a single-page app)?<\/li>\n\n\n\nn<\/code> to Set up automatic builds?<\/li>\n\n\n\nn<\/code> to the question about overwriting dist\/index.html<\/code><\/li>\n<\/ul>\n\n\n\nfirebase.json<\/code> and add this line:<\/p>\n\n\n\n\"predeploy\": \"npm run build\",<\/code><\/p>\n\n\n\n\"public\": \"dist\",<\/code><\/p>\n\n\n\n