You started creating a frontend application for your company, then another, and another and eventually you end up with a dozen frontend applications with a ton of replicated code. Tooling code, linting, tests, helper libraries and domain specific code. You probably seen this happen before. Is not effective and is…

Add MongoDB database to the SaaS MVP app we built in the first part of this blog series. The initial codebase we set up for a SaaS MVP using NextJS, TypeScript, MaterialUI, Storybook, Jest, and SWR is described on: NextJS + StorybookJS + Material-UI + Jest + SWR This is my favorite setup now for new apps and I think you will like it too.itnext.io In this post, we will connect our App to a MongoDB…

When we think “React Application” we immediately think routing, paths, server-side rendering, App root, and a bunch of other concepts inherent to how we develop applications today. In practice, React Applications are not constrained to require routing or be dependent on server render steps. Then, what is an Embedded React…

From time to time I go back to an old repository and update its dependencies. outsrc/my-components This is a template repo. just clone it, export it and rename to set your own component library module name. To install…github.com This is the example repo I used on another blog post: Create a React component library with TypeScript and Storybook Code reusability is important, component reusability in the world of User Interface development is really important…levelup.gitconnected.com

Cloudflare Workers had become my favorite Serverless platform. The introduction of Workers KV, a storage service, added a huge potential for new applications. One of this applications is Feature Flags. What are Feature Flags? Feature Flags or feature toggle is a software engineering technique to hide, enable or disable features on applications during runtime…

In my previous post, we described how to use Cloudflare Workers to deploy a static generated website directly to the edge. We also described a way to do faster deploys and rollbacks using a commit hash to decide what version of our Application we will be serving to users. Use Cloudflare JavaScript Workers to Deploy Your Static Generated Site (SSG) Static Site Generators are becoming the de-facto way to build and deploy web applications that don’t require Server…levelup.gitconnected.com

Static Site Generators are becoming the de-facto way to build and deploy web applications that don’t require Server Side Rendering. These are apps with pages that don’t require an actual web server to dynamically render the content. The types of pages that do need a server are the often ones…

This article is the first of several in a series of posts aimed at helping frontend devs build applications with the set of tools I use daily with fairly good success. As a frontend engineer building a web application, your application will likely need to provide security with authenticated access…

Code reusability is important, and component reusability in the world of User Interface development is very important. Users have a great sensibility for UI changes. Reusing components across your applications gives them a better overall experience. You don’t necessarily need TypeScript to create a React component library, but adding it…