Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/j0lvera/nextjs-auth0-fauna
Authentication example with Next.js, Auth0, Fauna and ZEIT Now
https://github.com/j0lvera/nextjs-auth0-fauna
auth0-fauna bottle hook nextjs python react serverless-functions zeit zeit-now
Last synced: 17 days ago
JSON representation
Authentication example with Next.js, Auth0, Fauna and ZEIT Now
- Host: GitHub
- URL: https://github.com/j0lvera/nextjs-auth0-fauna
- Owner: j0lvera
- License: mit
- Created: 2020-01-11T18:59:53.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T16:23:23.000Z (about 2 years ago)
- Last Synced: 2025-01-03T01:14:32.065Z (19 days ago)
- Topics: auth0-fauna, bottle, hook, nextjs, python, react, serverless-functions, zeit, zeit-now
- Language: Python
- Homepage:
- Size: 3.21 MB
- Stars: 11
- Watchers: 2
- Forks: 0
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Authentication example with Next.js, Auth0 and FaunaDB
Small web application built with Next.js that uses Auth0 for Authentication, FaunaDB as database and ZEIT Now for hosting. The API is built with [Python Serverless Functions](https://zeit.co/docs/runtimes#official-runtimes/python) that use Bottle to handle requests.
## Getting started
The example uses the the API-frontend architecture that [ZEIT recommends](https://github.com/zeit/now-examples/tree/master/gatsby-functions). Our Python functions inside an `api/` folder and our Next.js frontend in the root folder.
### Prerequisites
#### System requirements
- [Python](https://www.python.org) v3.6.0 or later
- [Poetry](https://python-poetry.org/) v0.12.17
- [Node.js](https://nodejs.org/) v8.x or later
- [npm](https://www.npmjs.com/) v6.x or later
- [git](https://git-scm.com/) v2.14.1 or later
- [now](https://github.com/zeit/now) v16.x or later
#### FaunaDB setup
- [Create a FaunaDB account](https://dashboard.fauna.com).
- Create a database for this example.
- Click the New Database button,
- enter "auth0-fauna", and
- click Save.
- Create a new collection and enter "users" as name.
- Create a new index, enter "users_by_auth0_id" with these settings:
- Source Collection: "users",
- Index Name: "users_by_auth0_id",
- Terms: "data.auth0UserId",
- Values: Leave it empty,
- Unique: Checked,
- Serialized: Checked,
- Create a server key.
- Click Security in the left navigation bar,
- Click New Key,
- select "auth0-fauna" in the Database field,
- set role as "Admin", and
- click Save.
#### Auth0 setup
- [Create an Auth0 Account](https://auth0.com/)
- Create an application for this example.
- Click Create Application,
- Select "Regular Web Applications",
- Click in the "Settings" tab and
- Copy the Domain, Client ID and Client Secret.
### Installing
Clone the repository.
```
$ git clone https://github.com/j0lv3r4/nextjs-auth0-fauna.git
```
Copy the `.env.example` file into `.env` for our Serverless Functions and `.env.build` for our Next.js build.
Fill the values in both `.env` and `.env.build` files with the following:
- The FaunaDB server key.
- The Auth0 Client ID, Client Secret and Auth0 domain.
Your files should look like below.
```
SECRET=a secret!
SALT=salty
FAUNADB_SERVER_KEY=your fauna server key
AUTH0_CLIENT_ID=your auth0 client id
AUTH0_CLIENT_SECRET=your auth0 client secret
AUTH0_DOMAIN=https://your-auth0-domain.auth0.com
APP_URL=http://localhost:3000
DEBUG=True
```
In the root directory of the project, we install our npm dependencies.
```
$ cd nextjs-auth0-fauna
$ npm install
```
In the `api/` folder, install the Python dependencies.
```
$ cd api
$ poetry install
```
### Start the development server
Inside the root project folder we run our local server.
```
$ now dev --listen 3000
> Ready! Available at http://localhost:3000
```