Updated create-next-app docs to include pnpm usage (#35755 )

This PR updates the docs and examples for `create-next-app` to include pnpm usage.

The following script was used to update every example README:

```js
const fs = require('fs')
const examples = fs.readdirSync('./examples')

for (let example of examples) {
    const filename = `./examples/${example}/README.md`
    const markdown = fs.readFileSync(filename, 'utf8')
    const regex = new RegExp(`^yarn create next-app --example (.*)$`, 'gm')
    const output = markdown.replace(regex, (yarn, group) => {
        const pnpm = `pnpm create next-app -- --example ${group}`
        return `${yarn}\n# or\n${pnpm}`
    })
    fs.writeFileSync(filename, output)
}
```

2022-03-30 21:03:21 +00:00

4.1 KiB

Raw Blame History

With Expo

This is a starter project for creating universal React apps with Next.js and Expo.

💡 For the most updated info, see the Expo + Next.js Docs!

Next.js cannot be used for SSR in your native app.
The native bundle is built using the Metro bundler and may not have the same level of optimization as the web bundle which is compiled using the Next.js Webpack configuration.
Expo transpiles react-native-web packages by default to enable the use of react-native in a browser or Node.js environment.
All Expo packages work in the browser. If you experience issues using them in a Node environment, please report them here: Expo issues.
Most community react-native-* packages do not support web, please refer to reactnative.directory for a list of web compatible packages.
Eject the pages/_document component by running yarn next-expo customize.
To use fonts and images, see the Expo docs.

Deploy your own

Deploy the example using Vercel (web only):

Deploy the native app to the App store and Play store using Expo deployment.

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-expo with-expo-app
# or
yarn create next-app --example with-expo with-expo-app
# or
pnpm create next-app -- --example with-expo with-expo-app

Running web

🚨 Using default Expo web with Next.js is not supported.

Start the Next.js project with yarn dev (yarn next dev).

Deploy the web app to the cloud with Vercel (Documentation).

Running native

Install the Expo CLI npm i -g expo-cli.
Start the Metro bundler with yarn ios or yarn android -- This runs expo start with the Expo CLI.
You can run the mobile app using the Expo client app, or by running yarn eject and building the project manually (this requires a macbook for iOS).