How to deploy an app with EAS Hosting from Expo

With Expo Router we can build universal apps for web and native. Also, we can use API routes to write server code within a react native codebase. The mobile app part of this equation can already be built and deployed to the stores with EAS, but we’ve never had an integrated way to do the same for the web part - until now!

Today we're introducing Introducing EAS Hosting - a service designed specifically for deploying and managing your Expo Router Websites and API routes.

In this video we’ll cover all the main functionality included in this preview release: how to deploy a project, assign aliases and a custom domain.

We’ll show you how to use API routes, look up request logs, manage environment variables and automate your deployments with workflows.

00:00 Introducing EAS Hosting
01:02 How to deploy an Expo project
02:35 How to add Aliases
04:47 How to use API Routes
07:58 How to query API routes from your app
09:36 How to use the EAS Hosting dashboard
11:10 How to set environment variables
15:02 How to set up continuous deployment
16:55 - Outro

#Expo #ReactNative

[ziembajan]

Thank you so much for making my life easier (again), Kadi! ❤

[hunzaboy]

Just started learning react-native and i have to say that Expo did an amazing job in tooling the whole process. Keep up the great work. Would love to see some basic tutorials using the latest versions or a complete starter project with everything built in to head start. If something like that already exists then ignore my comment :)

[ra-dro]

Nice demo.

Small suggestion - it would be nice to see some brief small showcase in the beginning (final result).

[solomonmulatu]

Thanks for your help but in my case i am getting Route Not Found error?

[fulltogaming]

It's really helpful :), Thanks Kadi🤗

[emmanuelbyiringiro]

With Vercel and Expo now are pushing for serving HTTP API as cloud functions. Everyone going to be full-stack developer. Only missing components are Database (Supabase) and File Storage (Firebase Storage) .

Who knows what Evan Bacon is cooking behind the scene.

[AndreyMarkin-ls]

can i ask for any documentations in terms of react server functions? is it the same as API or some additional configs?

[azaeldrm]

What about API routes that call Stripe or other services? Do these work as well?

[garvitaggarwal]

what is the price for this? Like if I want to host my apis only with ssg tag so only server code is uploaded and use it as my API route then what will be cost of it or limitations? Are we getting unlimited API calls? Like one user use 30apis/day then according to your pricing how much active users I can go up to per month?

[nhanho]

will this method work for expo SDK 51?

I got this error when try to access api route:


Worker Exception: Error
A network connection was established successfully.
Unhandled Worker Script Exception
A runtime error was thrown while the worker script executed and no response could be returned.

No such module

[felixang]

I got error when accessing the api. No such module HELP please 😢

[Norfeldt]

The crashing reports.. Is it GDPR complaint?

[Norfeldt]

Fantastic.. I'm guessing (and hoping) that the things "that are coming" will be a turso like SQLITE eas solution to make local first db a breeze. (And add some storage solution for media files)

[midnightcoder]

I am curious what tool you used to test API endpoints. Thank you!

[ObayiBright]

Hello, thank you for this insightful tutorial. However, I want to ask for clarification: I recently installed the Expo Go app on my iPhone Device but it's not allowing me to test my work. I am using MacBook Pro 2015 with MacOS Monterey. People have suggested I use EAS to test, but I just want to be sure that's something I should do as a work around to the limitations? Or alternative, how do I go about making sure I can run the App in Expo Go for that native feel?

[amancharahul]

i am getting errors in my Run gradlew. it shows many errors. what to do?

[dashx]

if you are not creating a mobile app with react native, is there any point in creating website only using react native?

[abuzain]

I was getting an error, but I’ve resolved it and manually uploaded the environment variables from the dashboard to EAS. Any idea why I was facing this error? I’m just curious to know.

You must provide an environment when creating an environment variable.
Request ID: 5454546655756557-dummy-id
Error: GraphQL request failed.

[vrtech]

Please teach us how to use env (secret) as an example! I'm so confuse