Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/redwoodjs/adding-gitpod-to-redwood
Files for adding GitPod to an Existing Redwood Project
https://github.com/redwoodjs/adding-gitpod-to-redwood
Last synced: about 1 month ago
JSON representation
Files for adding GitPod to an Existing Redwood Project
- Host: GitHub
- URL: https://github.com/redwoodjs/adding-gitpod-to-redwood
- Owner: redwoodjs
- Created: 2023-11-01T21:11:55.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-01T21:32:27.000Z (about 1 year ago)
- Last Synced: 2024-05-22T17:24:07.052Z (7 months ago)
- Size: 1.95 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
;tk - Add GitPod + Redwood logo to the top
RedwoodJS is a full-stack JavaScript framework that combines React, GraphQL, Prisma, Jest, and Storybook to build modern web applications. With this starter, setting up a RedwoodJS development environment in GitPod becomes a straightforward process. It provides a preconfigured development environment with all the necessary tools and dependencies, allowing you to focus on building your RedwoodJS application without worrying about the setup. Get started quickly and efficiently by launching RedwoodJS inside GitPod!
_NOTE:_ If you're starting a brand new Redwood project, we recommend using our [Gitpod Starter repo]() as a starting point. Otherwise, this repo contains the files that wil need to be **added to** your existing repository.
## Adding an "Open in Gitpod" button to your repo:
```md
[](https://gitpod.io/from-referrer/)
```
OR
```md
;tk
```
# Add these files to your repo:
## gitpod.yml
This contains the bulk of the GitPod setup. We're using the `gitpod/workspace-postgres` image.
Then, we're running a couple of tasks to initialize the workspace.
Then, we're running the script inside `gitpod-setup.js`.
We've specified several ports:
- `5432` for Postgres
- `8910` for the frontend
- `8911` for the backend
Lastly, we've listed 8 recommended VS Code extensions to install:
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
- [Git Lens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)
- [VS Code Language - Babel](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel)
- [VS Code Version Lens](https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens)
- [Editor Config](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
- [Prisma](https://marketplace.visualstudio.com/items?itemName=Prisma.prisma)
- [VS Code GraphQL](https://marketplace.visualstudio.com/items?itemName=GraphQL.vscode-graphql)
If you want to add change these, you can modify lines 34 - 41 of the .gitpod.yml file
## .gitpod.env
This file lists initializes the environment variables for the workspace.
This file contains 3 environmental variables, specifically for working with Gitpod. These are _not secrets_ and should be included in your repo.
```text
DATABASE_URL=postgres://gitpod@localhost:5432/dev
TEST_DATABASE_URL=postgres://gitpod@localhost:5432/test
PRISMA_HIDE_UPDATE_MESSAGE=true
```