DEV Community

Cover image for Using Expo SDK with Next.js websites
Evan Bacon
Evan Bacon

Posted on β€’ Edited on

Using Expo SDK with Next.js websites

This tutorial has moved to expo/next-adapter.

Top comments (19)

Collapse
Β 
5ervant profile image
Mark Anthony B. Dungo β€’ β€’ Edited

yarn next dev is not working for a web-only project.

I'm getting the following:

The static directory has been deprecated in favor of the public directory. err.sh/zeit/next.js/static-dir-dep...
Error: The project entry file could not be resolved. Please either define it in the package.json (main), app.json (expo.entryPoint), create an index.js, or install the expo package.
...

Collapse
Β 
dabit3 profile image
Nader Dabit β€’

😍😍😍😍😍😍😍

Collapse
Β 
evanbacon profile image
Evan Bacon β€’

πŸ₯³πŸŽ‰πŸ₯³πŸŽ‰πŸ₯³πŸŽ‰πŸ₯³πŸŽ‰

Collapse
Β 
mdhesari profile image
Mohammad Fazel β€’

That seems exciting, thank you for introducing.

Collapse
Β 
evanbacon profile image
Evan Bacon β€’

Thanks so much! 😁 I'm pretty hyped with how easy it is!

Collapse
Β 
nkzn profile image
Yukiya Nakagawa β€’

The normal expo-for-web dev server ( expo start:web ) uses metro bundler & webpack-dev-server collaboration. On the other hand, does next-expo's dev server (next dev) use the dev server managed only by next.js? (expo-cli's build system is not used?)

Collapse
Β 
ankeetmaini profile image
Ankeet Maini β€’

This looks awesome! Does nextjs work work react-navigation? How will the routing work in native and web?

Collapse
Β 
5ervant profile image
Mark Anthony B. Dungo β€’

Currently, I'm writing a separate navigation bar for the web. It only supports the Next.js default page-based routing for the web. docs.expo.io/versions/latest/guide...

Collapse
Β 
drk profile image
Derek Reynolds β€’

Awesome article! Done React Native without expo and Next.js projects and am now excited to bridge that gap.

How did you go about generating the file structure code block for this article?

Collapse
Β 
evanbacon profile image
Evan Bacon β€’

Hah I did it manually πŸ˜…

Collapse
Β 
hems profile image
hems.io β€’

you can try using this command called "tree" sourabhbajaj.com/mac-setup/iTerm/t...

Collapse
Β 
5ervant profile image
Mark Anthony B. Dungo β€’ β€’ Edited

Any example how will react-navigation work with next-expo web project?

Collapse
Β 
awitherow profile image
Austin Witherow β€’ β€’ Edited

This is awesome. Am I able to develop my iOS/Android app within the next pages, or do I need to do that separately?

Collapse
Β 
hems profile image
hems.io β€’ β€’ Edited

I'm really excited about this approach, already got some butterflies in my stomach in anticipation of the surprises it might hold down the road

Collapse
Β 
maraescalante profile image
mara-escalante β€’

Hi Evan, I was wondering if this would work with a custom next App using _app.js?