nextjs-auth0-fauna

KO | EN

gitlite — search

#python #hacktoberfest #go #android #rust #macos #nodejs #windows #kubernetes #vue #pytorch #security #mcp #open-source

nextjs-auth0-fauna

(★ 10)

Authentication example with Next.js, Auth0, Fauna and ZEIT Now

nextjs-auth0-fauna 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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
```

nextjs-auth0-fauna

nextjs-auth0-fauna 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

nextjs-auth0-fauna

nextjs-auth0-fauna 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README