DEV Community

Cover image for Using Expo SDK with Next.js websites

Using Expo SDK with Next.js websites

Evan Bacon on December 03, 2019

This tutorial has moved to expo/next-adapter.

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

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

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

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

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

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!