rsnext/examples/with-passport
Luis Alvarez D 7d42b07b79
[Example] with-passport (#10529)
* Added basic layout with login page

* Updated styles

* Added form component

* Added signup page

* Added login/signup API endpoints

* Bug fixes

* Set the cookie

* Added logout route

* Added more auth

* Updated signup

* Added profile page

* Added useUser

* Fix link

* Updated redirect path

* Renaming some files

* Added README

* Apply suggestions from Shu

Co-Authored-By: Shu Uesugi <shu@chibicode.com>

* Add useUser to the header

Co-authored-by: Shu Uesugi <shu@chibicode.com>
2020-03-19 11:40:13 -05:00
..
components [Example] with-passport (#10529) 2020-03-19 11:40:13 -05:00
lib [Example] with-passport (#10529) 2020-03-19 11:40:13 -05:00
pages [Example] with-passport (#10529) 2020-03-19 11:40:13 -05:00
package.json [Example] with-passport (#10529) 2020-03-19 11:40:13 -05:00
README.md [Example] with-passport (#10529) 2020-03-19 11:40:13 -05:00

Passport.js Example

This example show how to use Passport.js with Next.js. The example features cookie based authentication with username and password.

The example shows how to do a login, signup and logout; and to get the user info using a hook with SWR.

A DB is not included. You can use any db you want and add it here.

The login cookie is httpOnly, meaning it can only be accessed by the API, and it's encrypted using @hapi/iron for more security.

Deploy your own

Deploy the example using ZEIT Now:

Deploy with ZEIT Now

How to use

Using create-next-app

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

npm init next-app --example with-passport with-passport-app
# or
yarn create next-app --example with-passport with-passport-app

Download manually

Download the example or clone the repo:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-passport
cd with-passport

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with ZEIT Now (Documentation).