Skip to content

Commit 580b753

Browse files
author
223880⚡️
authored
Update run.md
1 parent 9fb8431 commit 580b753

File tree

1 file changed

+82
-0
lines changed

1 file changed

+82
-0
lines changed

docs/run.md

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -79,3 +79,85 @@ To learn more about React Native, take a look at the following resources:
7979
- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
8080
- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
8181
- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.
82+
83+
84+
# Run Firebolt React Native App on Localhost (PWA / Web)
85+
86+
This guide explains how to run Firebolt on your **browser** (localhost) as a **PWA** for development.
87+
88+
---
89+
90+
## Step 1: Install Dependencies
91+
92+
From the root of the Firebolt project:
93+
94+
```bash
95+
# using npm
96+
npm install
97+
98+
# OR using Yarn
99+
yarn install
100+
```
101+
102+
---
103+
104+
## Step 2: Start the Web Server
105+
106+
If the project is already configured with **React Native Web** and Expo (recommended):
107+
108+
```bash
109+
# using npm
110+
npm run web
111+
112+
# OR using Yarn
113+
yarn web
114+
```
115+
116+
This will start a development server (using Expo CLI or webpack), and open Firebolt in your default browser at:
117+
118+
```
119+
http://localhost:19006
120+
```
121+
122+
(or another port shown in your terminal).
123+
124+
---
125+
126+
## Step 3: Running as PWA
127+
128+
1. Once Firebolt is running in the browser, open **DevTools > Application > Manifest**.
129+
2. You’ll see the PWA configuration (icon, theme, service worker).
130+
3. In Chrome/Edge, click **Install App** from the address bar to add Firebolt as a standalone PWA.
131+
132+
---
133+
134+
## Step 4: Modify and Hot Reload
135+
136+
* Open `App.tsx` in your editor.
137+
* Save changes → the browser will **hot reload** automatically.
138+
139+
---
140+
141+
## Troubleshooting
142+
143+
* If `npm run web` is not available, make sure you’re using **Expo** or have installed `react-native-web` + `webpack` config.
144+
* Install missing web packages if needed:
145+
146+
```bash
147+
npm install react-native-web react-dom @expo/webpack-config
148+
```
149+
150+
* If using plain React Native CLI, you’ll need a **custom webpack config** to bundle for the web.
151+
152+
---
153+
154+
## Learn More
155+
156+
* [React Native Web Docs](https://necolas.github.io/react-native-web/docs/)
157+
* [Expo Web (PWA)](https://docs.expo.dev/workflow/web/)
158+
159+
---
160+
161+
🔥 Now Firebolt runs on `localhost` as a **PWA in your browser** — no emulator required.
162+
163+
---

0 commit comments

Comments
 (0)