September 2021 Summaries

WebContainers, a platform by StackBlitz, has been updated to support Astro, a minimalistic bundler that focuses on building static HTML websites for faster loading and improved SEO by default. Astro's unique Partial Hydration approach allows developers to deliver only the necessary JavaScript for dynamic components, enabling the creation of lightweight, interactive pages using frameworks like React, Vue, and Svelte. To accommodate Astro, WebContainers now include opt-in support for dynamic imports in CommonJS, synchronous compilation with ESBuild by disabling worker threads, and fixes for data encoding issues. These enhancements allow users to quickly start Astro projects directly in the browser with StackBlitz, and the collaboration with the Astro team has been pivotal in achieving this integration.

WebContainers has introduced experimental support for SQLite3, enabling developers to use SQL databases in browser-based environments, expanding the potential for creating applications that require both read and write capabilities within the browser. This feature, highly requested by users, facilitates the development of applications like to-do apps and authentication systems by allowing database integration directly in the browser using Node-based toolchains. Developers can use SQLite3 by installing it via npm and integrating it with frameworks like Express or ORMs such as Sequelize. The database can be configured to either re-create with each project load, ideal for demos, or persist across sessions by placing the database file in specific directories, although the latter requires a member-only feature for uploading binary files. While this SQLite support is experimental and doesn't encompass all features of the original node-sqlite3 project, it represents a promising tool for prototyping and developing new applications within the browser, with the team encouraging feedback and experimentation from the community.