layout	title	permalink
page	archipelago 🐚 🌊 🐬 🏄 🌴 🥥 🩴 🏖️ 👙	/

English Arabic Spanish Turkish

Cloudflare Workers provides a serverless execution environment that allows you to create entirely new applications or augment existing ones without configuring or maintaining infrastructure.

Requirements

• Node.js

verify installation: node -v

• Git

verify installation: git --version

• Lerna -> npm install -g lerna

verify installation: lerna -v

First Steps

You can sign up at Cloudflare Workers with your own account for free and experiment with the sample code in the Playground. Using the admin side of your Cloudflare Workers account will be the easiest way to deploy Workers without using the Wrangler CLI.

Getting started

• npm install -g wrangler

• wrangler --version

Creating a new worker

cd packages
wrangler generate my-worker
cd my-worker

We are building all the Workers under one account and subdomain roquesbeach.workers.dev.

Then to test the Worker locally run

wrangler dev --local

Output

Debugger attached.
Worker reloaded! (454.77KiB)
Listening on ...
... http://127.0.0.1:8787

Coding

Examples

Tutorials

The starter point of the Worker is index.js but Cloudflare Workers also supports other languages.

For this project we are using JavaScript only since we are managing the project with Lerna.

Deployment

We use Lerna locally to publish all the Workers at once, so you need to update your package.json with entries for build and publish, but these entries are not needed for publishing a single worker.

From the repository root the administrators can run

lerna run publish

Output

√ Images:publish (20s)
√ Random:publish (20s)
√ John:publish (22s)

Administrators can also deploy a single Worker. cd to its directory and run

wrangler publish

We use a GitHub Action to deploy on merge to main branch but each Worker deployment is separate.

So you will also need to update the workflow wrangler.yml and add another entry for your Worker, take the example of packages/john/package.json.

Example .github/workflows/wrangler.yml

my-worker:
  runs-on: ubuntu-latest
  name: 🧘 my-worker
  steps:
    - uses: actions/checkout@v3
    - name: 🚀 Publish
      uses: cloudflare/[email protected]
      with:
        apiToken: ${{ secrets.CF_API_TOKEN }}
        accountId: ${{ secrets.CF_ACCOUNT_ID }}
        workingDirectory: "packages/my-worker"

Using this example you can change all strings my-worker for your Worker name (you need to add it at jobs: scope).

Workers Platform

Pseudo Websites with Workers Free 🍬 💃 🕺 😎

• Deliver an HTML page from an HTML string directly inside the Worker script
• JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat
• pre-commit - A framework for managing and maintaining multi-language pre-commit hooks
• Jekyll - Transform your plain text into static websites and blogs
• Minima is a one-size-fits-all Jekyll theme for writers
• A Jekyll plugin for rendering GitHub avatars
• GitHub-flavored Emoji plugin for Jekyll
• 🔀 Seamlessly specify multiple redirections URLs for your pages and posts with Jekyll
• Jekyll plugin to silently generate a sitemaps.org compliant sitemap for your Jekyll site
• 📝 A Jekyll plugin to generate an Atom (RSS-like) feed of your Jekyll posts
• Jekyll Mentions - @mentionable support for your Jekyll site
• A Jekyll plugin to add metadata tags for search engines and social networks to better index and display your site's content
• Bundler provides a consistent environment for Ruby projects by tracking and installing the exact gems and versions that are needed. Bundler is an exit from dependency hell, and ensures that the gems you need are present in development, staging, and production. Starting work on a project is as simple as bundle install
• Patch-level verification for Bundler
• interactive Ruby
• Pry - A runtime developer console and IRB alternative with powerful introspection capabilities
• GitHub Pages - Websites for you and your projects
• Mozilla XML Namespace - MozSearch plugin format
• The OpenSearch description format lets a website describe a search engine for itself, so that a browser or other client application can use that search engine. OpenSearch is supported by (at least) Firefox, Edge, Internet Explorer, Safari, and Chrome. (See Reference Material for links to other browsers' documentation)
• ESLint is a static code analysis tool for identifying problematic patterns found in JavaScript code. It was created by Nicholas C. Zakas in 2013. Rules in ESLint are configurable, and customized rules can be defined and loaded. ESLint covers both code quality and coding style issues
• V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++. It is used in Chrome and in Node.js, among others
• npm is a package manager for the JavaScript programming language. npm, Inc. is a subsidiary of GitHub, an American multinational corporation that provides hosting for software development and version control with the usage of Git. It is the default package manager for the JavaScript runtime environment Node.js
• Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions
• Ubuntu on WSL - Install a complete Ubuntu terminal environment in minutes on Windows 10 with Windows Subsystem for Linux (WSL)
• VirtualBox is a powerful x86 and AMD64/Intel64 virtualization product for enterprise as well as home use
• Chrome Canary - Nightly build for developers. Get on the bleeding edge of the web. Be warned: Canary can be unstable
• Firefox Browser Developer Edition
• Get a faster, better browser. Opera's free VPN, Ad Blocker, integrated messengers and private mode help you browse securely and smoothly. Share files instantly between your desktop and mobile browsers and experience web 3.0 with a free cryptowallet
• Lynx is a customizable text-based web browser for use on cursor-addressable character cell terminals. As of 2020, it is the oldest web browser still being maintained, having started in 1992
• The Open Graph protocol
• Twitter Cards
• How structured data works
• HTML 5
• The Script element
• The Style Information element
• Base64 image encoding
• Base64 encoding audio content
• WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the web faster
• The Canvas API provides a means for drawing graphics via JavaScript and the HTML
• Facebook Sharing Debugger
• Preview and Generate Open Graph Meta Tags
• Rich Results Test
• Structured Data Testing Tool - Google
• The W3C Markup Validation Service
• GTmetrix - Website Speed and Performance Optimization
• PageSpeed Insights - Google Developers
• YouTube
• Emoji cheat sheet
• Emojipedia
• Typer.js
• EditorConfig helps maintain consistent coding styles for multiple developers working on the same project across various editors and IDEs
• Portable Network Graphics is a raster-graphics file format that supports lossless data compression. PNG was developed as an improved, non-patented replacement for Graphics Interchange Format. PNG supports palette-based images, grayscale images, and full-color non-palette-based RGB or RGBA images
• Convert your images to base64
• GIF to base64 converter
• Content delivery network
• GitHub Desktop - Simple collaboration from your desktop
• Free Git GUI for Windows, Mac, Linux - GitKraken
• Git GUI Clients
• gitk - The Git repository browser
• git-gui - A portable graphical interface to Git
• gitg is a graphical user interface for git
• Take GitHub to the command line. GitHub CLI brings GitHub to your terminal. Free and open source
• Homebrew - The Missing Package Manager for macOS (or Linux)
• GitHub Actions - Automate your workflow from idea to production
• JSON (JavaScript Object Notation) is a lightweight data-interchange format
• Markdown is a lightweight markup language with plain-text-formatting syntax, created in 2004 by John Gruber and Aaron Swartz. Markdown is often used for formatting readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor
• YAML Ain't Markup Language
• TOML - Tom's Obvious, Minimal Language (and friends)
• A media type (formerly known as MIME type)
• The Dublin Core, also known as the Dublin Core Metadata Element Set, is a set of fifteen "core" elements (properties) for describing resources
• A favicon (/ˈfæv.ɪˌkɒn/; short for favorite icon), also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a file containing one or more small icons, associated with a particular website or web page
• Sublime Text is a sophisticated text editor for code, markup and prose
• Atom is a free and open-source text and source code editor for macOS, Linux, and Microsoft Windows with support for plug-ins written in Javascript, and embedded Git Control, developed by GitHub. Atom is a desktop application built using web technologies
• GNU Emacs is a free software text editor. It was created by GNU Project founder Richard Stallman. In common with other varieties of Emacs, GNU Emacs is extensible using a Turing complete programming language. GNU Emacs has been called "the most powerful text editor available today"
• GNU nano is a text editor for Unix-like computing systems or operating environments using a command line interface. It emulates the Pico text editor, part of the Pine email client, and also provides additional functionality. Unlike Pico, nano is licensed under the GNU General Public License. Released as free software by Chris Allegretta in 1999, nano became part of the GNU Project in 2001.
• GNU Midnight Commander is a free cross-platform orthodox file manager. It was started by Miguel de Icaza in 1994 as a clone of the then-popular Norton Commander. GNU Midnight Commander is part of the GNU project and is licensed under the terms of the GNU General Public License
• GIMP - GNU Image Manipulation Program. GIMP is a free and open-source raster graphics editor used for image manipulation and image editing, free-form drawing, transcoding between different image file formats, and more specialized tasks. GIMP is released under GPLv3+ license and is available for Linux, macOS, and Microsoft Windows
• Vim is a highly configurable text editor built to make creating and changing any kind of text very efficient. It is included as "vi" with most UNIX systems and with Apple OS X
• Rex eats regular expressions for breakfast. And so can you! This regex tutorial, one of the most detailed on the web, takes you all the way to mastery
• gitignore - Specifies intentionally untracked files to ignore
• GitHub Octodex. Playground and home for all octocats

Caribbean Sea 🦭 🦑 🦈 🐙

• archipelago

Islands 🐡 🐠 🐟 ♓ ⛵ 🏊 🏖️

• John
• Images
• Random