Evan Bacon

Posted on Dec 3, 2019 • Updated on Nov 22, 2022

Using Expo SDK with Next.js websites

#tutorial #react #javascript

This tutorial has moved to expo/next-adapter.

Top comments (19)

Mark Anthony B. Dungo • Feb 24 '20 • 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.
...

Nader Dabit • Dec 4 '19

😍😍😍😍😍😍😍

Evan Bacon • Dec 4 '19

🥳🎉🥳🎉🥳🎉🥳🎉

Yukiya Nakagawa • Jan 23 '20

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

Mohammad Fazel • Dec 3 '19

That seems exciting, thank you for introducing.

Evan Bacon • Dec 4 '19

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

Mark Anthony B. Dungo • Feb 24 '20 • Edited

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

Austin Witherow • Jan 26 '21 • 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?

Derek Reynolds • Dec 4 '19

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?

Evan Bacon • Dec 4 '19

Hah I did it manually 😅

hems.io • Sep 26 '20

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

Ankeet Maini • Feb 3 '20

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

Mark Anthony B. Dungo • Feb 27 '20

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