You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/start/framework/react/guide/hosting.md
+34Lines changed: 34 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -25,6 +25,7 @@ Once you've chosen a deployment target, you can follow the deployment guidelines
25
25
-[`railway`](#nodejs--railway--docker): Deploy to Railway
26
26
-[`node-server`](#nodejs--railway--docker): Deploy to a Node.js server
27
27
-[`bun`](#bun): Deploy to a Bun server
28
+
-[`appwrite-sites`](#appwrite-sites): Deploy to Appwrite Sites
28
29
- ... and more to come!
29
30
30
31
### Cloudflare Workers ⭐ _Official Partner_
@@ -369,3 +370,36 @@ bun run server.ts
369
370
```
370
371
371
372
For a complete working example, check out the [TanStack Start + Bun example](https://github.com/TanStack/router/tree/main/examples/react/start-bun) in this repository.
373
+
374
+
### Appwrite Sites
375
+
376
+
When deploying to [Appwrite Sites](https://appwrite.io/products/sites), you'll need to complete a few steps:
377
+
378
+
1.**Create a TanStack Start app** (or use an existing one)
379
+
380
+
```bash
381
+
npm create @tanstack/start@latest
382
+
```
383
+
384
+
2.**Push your project to a GitHub repository**
385
+
386
+
Create a [GitHub repository](https://github.com/new) and push your code.
387
+
388
+
3.**Create an Appwrite project**
389
+
390
+
Head to [Appwrite Cloud](https://cloud.appwrite.io) and sign up if you haven't already, then create your first project.
391
+
392
+
4.**Deploy your site**
393
+
394
+
In your Appwrite project, navigate to the **Sites** page from the sidebar. Click on the **Create site**, select **Connect a repository**, connect your GitHub account and select your repository.
395
+
396
+
1. Select the **production branch** and **root directory**
397
+
2. Verify **TanStack Start** is selected as the framework
398
+
3. Confirm the build settings:
399
+
-**Install command:**`npm install`
400
+
-**Build command:**`npm run build`
401
+
-**Output directory:**`./dist` (if you're using Nitro v2 or v3, this should be `./.output`)
402
+
4. Add any required **environment variables**
403
+
5. Click **Deploy**
404
+
405
+
After successful deployment, click the **Visit site** button to see your deployed application.
When deploying to [Appwrite Sites](https://appwrite.io/products/sites), you'll need to complete a few steps:
260
+
261
+
1.**Create a TanStack Start app** (or use an existing one)
262
+
263
+
```bash
264
+
npm create @tanstack/start@latest
265
+
```
266
+
267
+
2.**Push your project to a GitHub repository**
268
+
269
+
Create a [GitHub repository](https://github.com/new) and push your code.
270
+
271
+
3.**Create an Appwrite project**
272
+
273
+
Head to [Appwrite Cloud](https://cloud.appwrite.io) and sign up if you haven't already, then create your first project.
274
+
275
+
4.**Deploy your site**
276
+
277
+
In your Appwrite project, navigate to the **Sites** page from the sidebar. Click on the **Create site**, select **Connect a repository**, connect your GitHub account and select your repository.
278
+
279
+
1. Select the **production branch** and **root directory**
280
+
2. Verify **TanStack Start** is selected as the framework
281
+
3. Confirm the build settings:
282
+
-**Install command:**`npm install`
283
+
-**Build command:**`npm run build`
284
+
-**Output directory:**`./dist` (if you're using Nitro v2 or v3, this should be `./.output`)
285
+
4. Add any required **environment variables**
286
+
5. Click **Deploy**
287
+
288
+
After successful deployment, click the **Visit site** button to see your deployed application.
0 commit comments