DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 968,547 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Using Expo SDK with Next.js websites
Evan Bacon
Evan Bacon

Posted on • Updated 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 on

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 Author

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

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
 
mdhesari profile image
Mohammad Fazel

That seems exciting, thank you for introducing.

Collapse
 
evanbacon profile image
Evan Bacon Author

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

Collapse
 
5ervant profile image
Mark Anthony B. Dungo • Edited on

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

Collapse
 
awitherow profile image
Austin Witherow • Edited on

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
 
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 Author

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
 
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
 
hems profile image
hems.io • Edited on

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
 
johhansantana profile image
Johhan Santana

Does this work even without react-native-web?

Collapse
 
evanbacon profile image
Evan Bacon Author

This is a web only feature as Next.js doesn’t support native platforms

Collapse
 
pfedprog profile image
Pavel Fedotov
Collapse
 
maraescalante profile image
mara-escalante

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

Collapse
 
ezra747 profile image
ezra747 • Edited on

Hi @evanbacon , great work!
Could you please update the steps for Next.js integration with Expo - the offline support part? Following the instructions won't work. Thanks!

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.