DEV Community

Cover image for Click & Launch a Meteor Blaze App (PWA ready) at Github Codespaces (& Actions test)
Kai Chew
Kai Chew

Posted on • Updated on

Click & Launch a Meteor Blaze App (PWA ready) at Github Codespaces (& Actions test)


MeteorJS is an open-source full-stack JavaScript platform that is useful for developing modern web and mobile applications. Meteor helps the developer to develop in one language. Meteor has several features that help for creating a responsive and reactive web or mobile application using JavaScript or different packages available in the framework.

What is Meteor & its Benefits

For starts working with any technology, first of all, we need to create a suitable environment. Meteor currently supports OS X, Windows, and Linux. Only 64-bit is supported. The main prerequisite is Node.js.

We will use BlazeJS, a powerful library for creating user interfaces by writing reactive HTML templates. Compared to using a combination of traditional templates and jQuery, Blaze eliminates the need for all the "update logic" in your app that listens for data changes and manipulates the DOM. Blaze is a Meteor-only package for now.

Instead of setting MeteorJS environment manually (especially as the application will be getting more complex from time to time), for example adding Progressive Web App (PWA), we leverage Meteor.js devcontainer by Meteor Engineer. Now, you can simply go to moopt-codespace-action repo and create a codespace based on this repo in seconds!

Github Codespaces

GitHub Codespaces are development environments hosted in the cloud. You can customize your project for GitHub Codespaces by configuring dev container files to your repository (often known as Configuration-as-Code), which creates a repeatable codespace configuration for all users of your project.

GitHub Codespaces run on a variety of VM-based compute options hosted by GitHub, which you can configure from 2 core machines up to 32 core machines.

GitHub Codespaces is similar to your local IDE, so you don't really able to host an application with it.

GitHub Codespaces allowed me to work on the project from any device, anywhere in the world, with a pre-configured development environment that included all the necessary tools and dependencies, enabling me to focus on coding without worrying about setting up my local environment.

Step-by-step to Click & Launch a Meteor Blaze App Environment at Github Codespaces

Step 1: Go to moopt-codespace-action repo

go to moopt-codespace-action repo

Step 2: Click to launch a Codespace

Click to launch a Codespace

Step 3: Wait

launching Codespace 1

launching Codespace 2

Meteorjs environment auto setup 1

Meteorjs environment auto setup 1

Step 4: Awesome!

Meteorjs Example Hello app

Github Codespace status

Behind the Scene

Used Github Desktop to add existing local repository.

Github Desktop

Progressive Web App (PWA)


Before PWA


After PWA

Github Actions

Github Actions is a combination of individual tasks, to define custom workflows that automated the entire development lifecycle, from code changes, testings to deployments.

Github Actions test running

To be continue...

Top comments (0)