Knowledge

Engineering

A Guide to Astro Navigation

Our best practices when dealing with navigation in Astro

Harnessing AI to Streamline Project Management at Monogram

At Monogram, we manage a diverse array of projects, each demanding unique skills and constant learning. To enhance efficiency and transparency, we use Gemini Pro, an AI tool that transforms our extensive task notes into concise, coherent weekly summaries.

Add Notifications to your iOS PWA

How to add notifications to your iOS & iPadOS progressive web apps (PWA).

Exploring New Horizons: Gemini Pro Vision's Test Integration with Raster Promises a Smarter Way to Handle Visual Content.

Crafting Interactivity: How Monogram Built the Engaging Animations for Angular.dev's Homepage (Part 2)

Discover the advanced WebGL and GLSL techniques in Angular animations in this in-depth exploration. Delve into the workings of the View base class and its application of TRSA values for managing the WebGL scene graph. This technical dive covers transforming and rotating 3D geometries, scaling, and alpha transparency, alongside a mastery of GLSL shader code for effects like mask, line gradients, and the "Build for everyone" transition. Learn efficient animation strategies using InstancedMesh and LineObject instances, optimizing performance while maintaining visual appeal. Access complete code examples and further insights on Angular's GitHub and CodeSandbox.

Crafting Interactivity: How Monogram Built the Engaging Animations for Angular.dev's Homepage (Part 1)

Benefits of Composable Architecture

Composable architecture is based on the idea of building websites and apps from small, independent parts that you can combine via APIs to form a complete system.

Contentful's "Everything is a Type" Approach

Contentful's approach celebrates simplicity. With every element being a type, the convoluted process of deciding whether something is a block, model, or document becomes redundant.

Building on Today's Web: An Interplay of Technologies

Developing a modern website is a multidimensional task, where various technologies come together to create a cohesive whole.

Authentication with SvelteKit and Auth.js

Setup GitHub login in your app using the new library from the folks behind NextAuth.js.

Node.js in the Browser with WebContainers

An overview of WebContainer, outlining tradeoffs and use cases.

Getting started with Turborepo

Learn how Turborepo can help you manage your monorepo.

Notify users about new deployments with Next.js + SWR

Keep your users informed about new features and bug fixes by ensuring that they always use the latest version of your app.

Loading data in SvelteKit

How to use load function to get data needed to render a page component.

Syncing Swell Ecommerce data into Prismic

How to sync product data from Swell into Prismic using webhooks and integration fields.

Monogram & Svelte

For the development of Monogram's new website, our team delved into Svelte & SvelteKit for the first time. Here's what we discovered.

How to Add Multiple GitHub Accounts to your Mac

Sometimes work requires you to use multiple GitHub accounts. For example, you might have a personal account and a client account. Whatever the reason, you might need to use multiple GitHub accounts on your Mac.

Sharing authentication between Next.js projects with NextAuth

Handling Counters with Firestore triggers

How to handle counters using Firestore Triggers with the Firebase Node.js SDK

Formatting a Phone Number Input

How to easily auto-format a phone number input