9f9214abe5
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)
}
```
|
||
|---|---|---|
| .. | ||
| components | ||
| lib | ||
| middleware | ||
| pages | ||
| .env | ||
| .gitignore | ||
| package.json | ||
| README.md | ||
| styles.css | ||
next-connect and Passport
This example creates a basic CRUD app using next-connect and cookie-based authentication with Passport.js. The cookie is securely encrypted using @hapi/iron.
The example shows how to do a sign up, login, logout, and account deactivation. It utilizes SWR to fetch the API.
For demo purpose, the users database is stored in the cookie session. You need to replace it with an actual database to store users in db.js.
Deploy your own
Deploy the example using Vercel:
How to use
Execute create-next-app with npm or Yarn to bootstrap the example:
npx create-next-app --example with-passport-and-next-connect with-passport-and-next-connect-app
# or
yarn create next-app --example with-passport-and-next-connect with-passport-and-next-connect-app
# or
pnpm create next-app -- --example with-passport-and-next-connect with-passport-and-next-connect-app
Deploy it to the cloud with Vercel (Documentation).