This project was built for a workshop at Night of Chances as part of the participation of UNIIT, s.r.o. on the event.
Read the WALKTHROUGH.md for a detailed guide on how to implement the app.
© Designed and developed by Niza Toshpulatov, March 2024.
Landscape of web development is ever-changing. There is a new JavaScript framework seemingly every day! There are countless tutorials and guides on how to quickly deploy production-ready apps using popular frameworks and libraries.
In recent years, Deno, a TypeScript-first JavaScript runtime, has gained a fair level of popularity and many frameworks and libraries have emerged around the technology. In this workshop, we will learn how to deploy a production-ready web application using:
- ⛺️ PocketBase: Lightweight, single-executable backend with MySQL database.
- 🦕 Deno: Modern, TypeScript-first JavaScript runtime that focuses on developer experience and Web APIs.
- 🍋 Fresh: A Deno-based full-stack framework for building fast and scalable websites.
We will build a simple note-taking app and deploy it to Deno Deploy, a serverless platform for JavaScript applications. We will use PocketHost to host our PocketBase instance.
- 👩🏫 Introduction: A brief summary of the tech-stack and a general overview of the workshop.
- A presentation about the technologies.
- Outline of the workshop.
- Instructions on guidelines & useful resources.
- 📦 Installation: Installation of necessary tools and extensions.
- Installing necessary CLI applications, IDE extensions.
- Helping out to resolve any technical issues.
- 👨💻 Implementation: Main part of the workshop, implementing the app and resolving any technical issues.
- Intro to working with Fresh and PocketBase.
- Basics of PocketBase’s API rules & auth providers.
- Overview of Fresh’s server-side rendering and interactive islands.
- Resolving any technical issues.
- 🚀 Deployment: Deploying the app to production.
- Releasing the app to Deno Deploy.
- Monitoring the release & resolving any technical issues.
- 💬 Wrap-up: Q&A and discussions.
- Post-release questions and discussions.
Deno is a modern JavaScript/TypeScript runtime that is used to run the Fresh framework. You can install it using the following command:
curl -fsSL https://deno.land/install.sh | shIf you are using Windows, you can use this command instead:
irm https://deno.land/install.ps1 | iexPocketBase is a lightweight, single-executable backend with MySQL database. You can download the latest release from the official website.
Extract the archive, and move the binary into the root of the repository. For example:
mv ~/Downloads/pocketbase_0.20.7_darwin_arm64/pocketbase ./Follow the walkthrough if you're participating in the workshop. We will use PocketHost to connect to a PocketBase instance.
This section is intended for this particular implementation of the app. If you're participating in the workshop, follow the walkthrough instead.
Create an .env file according to the .env.example at the root of the repository:
cp .env.example .envAdjust the environment variables according to your setup.
Start the PocketBase server:
deno task db:startThen, you can start the application server:
deno task startFore more scripts and commands, check the
taskssection in thedeno.jsonfile.
That's it, you're ready to rock! 🎸
You can seed the database with some initial data using the following command:
deno task db:seedMake sure to have the
POCKET_BASE_SEEDING_ADMIN_USER_prefixed environmental variables setup in your.envfile and start the PocketBase server before running the seed command.
Deno has a great ecosystem of extensions for popular editors. You can learn more about them in the official documentation.
You can deploy the app to Deno Deploy. Follow the instructions on Fresh's official documentation to learn more about the process.
To host a PocketBase instance, you can use PocketHost service. Once you create an instance, make sure to add its URL to environmental variables on Deno Deploy.
This project is licensed under the MIT License. See the LICENSE file for details.