CedarJS GitPod Starter

This repository enables you to easily launch CedarJS projects inside GitPod. CedarJS 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 CedarJS 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 CedarJS application without worrying about the setup. Get started quickly and efficiently by launching CedarJS inside GitPod!

Getting Started

Click on the Open in Ona button.

This will launch GitPod and ask you to configure a new workspace. Click continue.

GitPod will then begin to build your workspace. This may take several minutes.

What's going on behind the scenes:

• GitPod is setting the workspace set up
• It installs our recommended VS Code plugins:
  • ESLint
  • Git Lens
  • VS Code Language - Babel
  • VS Code Version Lens
  • Editor Config
  • Prisma
  • VS Code GraphQL
• It runs our Create Cedar App which will install the latest stable version of Cedar. We're setting this project up to use TypeScript, however, you can change it to JavaScript if you prefer.
• It runs yarn install, adding all the dependencies for the project
• Changes the database to a postgres database

Once everything is up and running, you can click on the Ports tab

You can click on the address or the globe icon to open that particular port in a new tab.

• Port 5432 is the database. So, if you click on that port, you'll probably see a "Port 5432 Not Found" error, but it is working!
• Port 8910 is your frontend
• Port 8911 is your backend and will show you a list of all available functions. If you add /graphql to the end of the URL, you should see the GraphQL Playground

The Starting Files, within this Repository

.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:

Create Cedar App, using feature flags to specify preferences.

yarn create cedar-app . --overwrite --yarn-install --typescript --git-init=false

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.

.gitpod.env

This file lists initializes the environment variables for the workspace.

DATABASE_URL=""
TEST_DATABASE_URL=""
PRISMA_HIDE_UPDATE_MESSAGE=""