Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Add `.devcontainer` config for quickstart

Aperta
#25 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
45/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
javascript, vscode

Direzione di ricerca

Inizia generando un quickstart vanilla e confrontalo con un diff con l'esempio electric-sql-quickstart collegato, concentrandoti sulla configurazione .devcontainer proposta e su /db/util.js. Verifica che l'applicazione generata possa essere riaperta in un devcontainer e avviata con yarn start; la configurazione opzionale dovrebbe inoltre preservare il normale comportamento del quickstart al di fuori del container.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Hey there,

I'm not sure if this is the right place to open a feature request for the quickstart template, but it would be awesome if you added an optional devcontainer configuration for the quickstart. For folks interested/willing to use the devcontainer config, getting started would be a simple as

  1. npx create-electric-app@latest my-app
  2. Open my-app in vscode
  3. Respond to vscode prompt to "reopen in devcontainer"
  4. yarn start

For my own purposes, I created a devcontainer config for the quickstart which you can find here. I also added pg-admin to the devcontainer, so someone can open their browser to http://localhost:5051 to access pgadmin and see their quickstart pg databases.

I don't expect you'll want to use the setup exactly as I have it in my example repo, as I made some small changes just to get things working that make it so that I don't think the quickstart would work outside of the devcontainer (e.g. /db/util.js -> fetchAppName() now just grabs the appName env variable, which is present in the devcontainer but might not be outside of the devcontainer). But hopefully all the heavy lifting has been done for you in case you are interested in adding a devcontainer. E.g. create a new vanilla quickstart folder and diff the output vs my example repo to see the relevant changes.

Another benefit of adding the devcontainer which I haven't tested, but theoretically Github Codespaces should "just work" if someone opens my example repo in a new Codespace--no downloading locally required.

Lingua principale
JavaScript
Stelle
34
Fork
6
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di electric-sql/examples

Tutte le issue di electric-sql/examples

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.