An open API service indexing awesome lists of open source software.

https://github.com/domitriusclark/reactathon-lunch-and-learn

Add a new feature to your Next.js app with Xata's new branch workflow
https://github.com/domitriusclark/reactathon-lunch-and-learn

database typescript vercel xata

Last synced: 2 months ago
JSON representation

Add a new feature to your Next.js app with Xata's new branch workflow

Awesome Lists containing this project

README

          

# Welcome to Xata's Reactathon Lunch and Learn!

Today we're going to take the new Xata workflow for a spin, improving the Database Experience of your Deploy preview workflow inside of a Next.js app deployed to Vercel.

Here's a link to the [project doc](https://www.notion.so/domitrius-xata/Reactathon-L-L-Improving-Deploy-Previews-with-the-new-Xata-workflow-9f2d4652b03c4200a9cc635778f09c4b?pvs=4) we'll be working out of, but to get the project running locally:

### 1. Install the Xata CLI

```bash
npm install -g xata-cli
```

### 2. Authenticate your Xata account in the cli

```bash
xata auth login
```

### 3. Clone the repo

```bash
npx degit https://github.com/domitriusclark/reactathon-lunch-and-learn project_name
```

### 3. Install dependencies

```bash
npm install
```

### 4. Upload your schema to Xata and create your database

```bash
xata schema upload xata.schema.json
```

### 5. View DB in browser & generate some random data (100 entries is good enough)

```bash
xata browse
```

### 6. Run the app locally

```bash
npm run dev
```