Latest articles

A collection of my articles covering a wide range of topics

  • GitHub
  • LinkedIn
  • Twitter
  • Instagram
  • Email
  • Articles
  • Home
  • Quick Bits
Home
  • Articles
Firebase
SPA
React.js
Next.js
API
PWA
TWA
Native
Prototype
Progressive enhancement
SEO
Serverless
GitHub
  • I build a neumorphic Pomodoro to stay sane

    January 19, 2021
    /img/articles/pomodoro-hero.jpg

    There is this view many developers share of having a productive coding session by crawling behind your laptop, put on your fancy noise-cancelling headphones and grinding out a few hours of work. I often fall for this novelty of hyper-productive work state in development. Since working full-time from home I noticed a serious decline in my productivity and focus. How is this possible and how can I resolve this?

    PWA
    Next.js
    React.js
    read I build a neumorphic Pomodoro to stay sane
  • A simple, yet detailled introduction to Next.js

    December 7, 2020
    /img/articles/create-next-app-hero.jpg

    Many of my articles regarding Next.js are intermediate to advanced. Even though there are many articles out there for starting with Next.js, I want to share my point of view and perhaps help you on your way to creating your first kick-ass Next.js application.

    Next.js
    React.js
    SPA
    read A simple, yet detailled introduction to Next.js
  • How can we develop and design for a PWA to deliver the best native user experience?

    October 8, 2020
    /img/articles/design-and-develop-for-pwa.jpg

    Progressive Web App (PWA) is often written about. These articles, including mine, mostly only cover the technical parts. Although vital, one aspect of building a successful PWA is design. How can we develop and design for PWA to deliver the best native user experience (UX)?

    PWA
    TWA
    Native
    read How can we develop and design for a PWA to deliver the best native user experience?
  • Wrapping your Progressive Web App for Android with Trusted Web Activity

    September 15, 2020
    /img/articles/wrapping-your-progressive-web-app-for-android-with-trusted-web-activities.jpg

    One of the first things people mention when proposing Progressive Web Apps (PWA) is the need for native store presence. Fair enough, let's make that work.

    PWA
    TWA
    Native
    read Wrapping your Progressive Web App for Android with Trusted Web Activity
  • Next.js page generation

    September 2, 2020
    /img/articles/next-page-generation.jpg

    I often write about Next.js as it is my go-to framework when developing interactive React.js web applications. One of the core features of Next.js is the ability to generate pages on the server. Let's have a look at what is possible, how this works and how can leverage this when building web applications.

    Next.js
    React.js
    SPA
    read Next.js page generation
  • How to take an idea from sketch to a fully functioning and rapidly built prototype?

    August 17, 2020
    /img/articles/firebase-dave.jpg

    I often come up with new ideas for applications and tools. I used to stop at sketching these ideas in my notebook to build whenever I have spare time. I asked myself 'How can I take my idea from sketch to a fully functioning and rapidly built prototype?'.

    Firebase
    SPA
    React.js
    read How to take an idea from sketch to a fully functioning and rapidly built prototype?
  • Next.js API routes

    August 14, 2020
    /img/articles/next-js-api-routes.jpg

    Next.js is my framework of choice for any React.js application I develop. One of the big features I haven't covered before is Next.js API routes. Although not as big of a feature as page generation, it is one of the features I'm starting to enjoy more and more. Let's have a look at this feature and how to use it.

    API
    Next.js
    React.js
    read Next.js API routes
  • You might not need a native app

    June 12, 2020
    /img/articles/pwa-vs-native.png

    "We need a native app for performance, the 'feel', offline functionalities, notifications and...". Native apps have provided fundamental functionalities that serve the purpose of creating a wonderful user experience. But, you might not need that native app and opt for the technology of the wondrous web!

    PWA
    Native
    SPA
    read You might not need a native app
  • Building a Number Code Input

    June 11, 2020
    /img/articles/number-code-input.jpg

    I often come across Number Code Inputs on various websites used for security measures, voucher codes and more. These Number Code Inputs often have a bit more functionality behind them then you might think at first. Let's create our own as an exercise.

    Prototype
    Progressive enhancement
    read Building a Number Code Input
  • How can I handle SEO in my Single-page application?

    March 31, 2020
    /img/articles/dave-seo.jpg

    One of the biggest drawbacks when building a Single-Page Application (SPA) is to provide solid Search Engine Optimisation, often shortened to SEO. How can we improve SEO with some modern tools and techniques I love the most?

    SEO
    SPA
    Next.js
    read How can I handle SEO in my Single-page application?
  • Implementing the latest web technologies to boost the Mirabeau blog

    February 3, 2020
    /img/articles/dave-behind-laptop.jpg

    The Mirabeau blog was suffering from technical debt. I decided to rebuild it using the latest web technologies to make it 2020 ready, which includes boosting the overall performance and user-friendliness.

    Next.js
    React.js
    Serverless
    read Implementing the latest web technologies to boost the Mirabeau blog
  • Writing progressively enhanced custom inputs for the web

    October 1, 2019
    /img/articles/progressive-enhancement.png

    How can we make custom inputs for the web while still offering a working solution without JavaScript?

    Progressive enhancement
    Prototype
    read Writing progressively enhanced custom inputs for the web

Hey explorer! You've reached the end!

Let's get in touch:

  • GitHub
  • LinkedIn
  • Twitter
  • Instagram
  • Email