Finding new clients as a freelancer is hard. Learn how open-source can help you in that – and why it beats most other marketing strategies.

Why open-source projects are your best marketing

Nowadays text editors like Notion let you easily format text with a bubble menu near your selection. Let's build one!

How To Build A Floating Menu With Lexical  and React

As a beginner, you don’t think about coding style. Implement these three principles to improve your code base immediately.

3 Tips To Write Better Code As A Beginner Frontend Developer

Improve your Next.js-based blog with OG images generated with @vercel/og.

Generating Dynamic OG Images For Your Blog With Vercel OG

Lexical is a new framework for building rich text editors. Let's build a simple WYSIWYG editor with it.

How To Build A Text Editor With Lexical and React

Have you ever wondered how syntactical sugar like `styled` just magically works? Let’s recreate this functionality using tagged template strings in Javascript.

Tagged Template Literals - How Tools Like Styled Components Work

How to put Cal Newport’s deep work concept to practice? These 3 tips helped me over the last years.

3 Things That Helped Me Going Deep (Work)

Going all-in on one’s beloved side-project? Sounds great! But how do you know it is the right project and time to do so? Let’s take a look at a simple concept.

Should You Quit Your Job For Your Side-Project?

ESM and CommonJS are Javascript's module systems. Let's understand how they compare and when to choose which system.

ES Modules: All You Need To Know

Stiches.dev lets you write performant CSS-in-JS. Let’s see how we can speed up creating variants with your color palette!

Generating Stitches Variants For Each Color Of Your Theme

Next.js 12.2 includes a totally revised component for image optimization. Let’s see what has changed.

Using The New <next/image> Component

Build your own Notion clone with React.js and learn how such text editors work.

How to Build a Text Editor Like Notion

Get the cursor coordinates and index position to display interactive UI elements!

How To Find The Caret Inside A Contenteditable Element

Learn how Gatsby works and how you can build a personal website with it — step by step!

How To Build A Portfolio With Gatsby — From Scratch To Deployment

After PWAs, Project Fugu is Google’s next effort to reach parity with native.

What Is Project Fugu — Google's Initiative To Unlock All Native Device Features For The Web

No matter if you have a native app or not. Ignoring PWA’s technology can harm your venture’s success long term.

A Case For Progressive Web Apps: Why You Can’t Ignore Them

This article shows you what service worker rendering is, why it can be beneficial, and how you can implement it.

An Introduction To Service-Worker-Side Templating

Being around for 5 years, Progressive Web Apps still are a niche in our app market. But why? Let’s figure out what challenges to overcome.

Progressive Web Apps in 2020: Which Challenges to Overcome?

Either choose the Netlify-like way via _redirects file or stick with the Gatsby approach which uses the createRedirect action.

How To Add Netlify Redirects To A Gatsby Site

Have you ever struggled with understanding Async / Await? — A beginner-friendly introduction to this new syntax and its purpose.

Async/Await for Beginners— Understanding Asynchronous Code in Javascript

Build this beautiful, small weather app and learn how to best plan and organize a React project. A beginner-friendly introduction to thinking in React.

How To Plan And Organize A React Project – By Building A Weather App

How Fiverr can help you in starting and growing a sustainable freelance business.

An often-overlooked advantage of Fiverr

Things you better keep in mind if you use Fiverr, a gig economy platform.