Learn how to run a function once on the startup of your SvelteKit server side using the hooks.server.ts file.
Learn how to create an environment with secrets and variables and then use them inside a GitHub Action Workflow.
Learn how to import larger files by increasing post_max_size and upload_max_filesize in your adminer docker container.
Learn how to encapsulate the base styles and CSS reset of Tailwind CSS by using a prefix, for example, to embed a widget on another website.
Learn how to reset your Pocketbase admin account in two ways. Either by directly manipulating your database entry or by using a reset email.
Learn how to intercept Pocketbase events using JavaScript by sending an email to the user when they change some data on their user profile.
Get a look at how to decide what to use for your blog, as I will determine whether to use WordPress, Astro, or SvelteKit for my blog refactor.
Learn how to update an existing Pocketbase user by creating a settings screen inside a SvelteKit application.
Learn how to use Pocketbase's realtime subscriptions inside of a SvelteKit application and use the realtime data to create a Pie Chart.
Learn how to overwrite Pocketbase's default pages, like confirm verification, by configuring Pocketbase and then creating the pages yourself!
Learn how to create a CRUD application using Pocketbase and SvelteKit by performing create, read, update and delete actions!
Learn how to generate types for your Pocketbase collections and how to protect them using API access rules!
Learn how to create an OAuth based login flow using Pocketbase and SvelteKit by following this step-by-step guide!
Learn how to easily add a searchable search bar to your website using the simple integration SearchItFast!
Learn how to set up an email and password based login and registration for Pocketbase and SvelteKit with this step-by-step guide!
Learn how to set up a basic authentication and authorization (also called auth) using SvelteKit and Pocketbase.
Learn how to set up a new Pocketbase project by following the practical example of an expense tracker in this guide!
Learn more about the project concept (expense tracker) for the upcoming free Pocketbase course on this blog!
Learn more about Pocketbase and how this Backend as a Service enables you to ship your products much faster in this quick introduction!
Get to know my web development setup for Windows which allows me to quickly develop new applications with ease!
Learn how to install Skeleton UI and how to use it to build your next UIs faster with this quick introduction!
Learn how to use D3 in Svelte by creating a Line Chart, a Bar Chart, and an animated one in this quick step-by-step guide.
Learn how to easily deploy a website or an application to your server by using the fast copying tool rsync!
Learn how to change URL query parameters without a reload in SvelteKit with a practical example using filtering and sorting in a table.
Learn how to combine the reverse proxy and file server directives inside Caddy to host multiple sites under the same domain.
Learn how to release your very own Chrome Extension to the extension store in this simple step-by-step guide.
Learn how to build a Chrome extension with SvelteKit by following this step-by-step guide to creating a basic calculator extension.
Learn how to build a Chrome extension by following this step-by-step guide to creating a basic calculator extension.
Learn how to set up row-level security (RLS) in CrateDB with step-by-step instructions and an example application!
Learn how to set up row-level security (RLS) in PostgreSQL with step-by-step instructions and an example application!
Learn how to connect Prisma ORM to two different databases using this step-by-step guide! For this example, we use two PostgreSQL instances.
Learn the basics of the Prisma ORM with this basic introduction, starting with a general overview followed by a simple example!
Learn how to set up Fastify with TypeScript and automatic reload using Nodemon in this step-by-step tutorial!
Learn how to send an email in Rust by first setting up an SMTP (using Brevo) and then sending out the first email!
Learn how to automatically deploy the Docker image of your application to your own server using GitLab CI CD!
Learn how to automatically deploy the Docker image of your application to your own server using GitHub Actions!
In this guide, you will learn step-by-step how to create a Docker image for your Node application and use it for a container!
Learn how to change the order of files inside the native file upload element using Svelte in this step-by-step guide!
Learn how to compress images in SvelteKit before you upload them to your storage account, like Pocketbase!
Learn how to remove a single file or multiple files from the native file input element using Svelte!
Learn how to send an email in Pocketbase as a Framework by first setting up an SMTP (using Brevo) and then sending out the first email!
Learn how to send an email in Go Lang by first setting up an SMTP (using Brevo) and then sending out the first email!
Learn how to send an email in Node JS by first setting up an SMTP (using Brevo) and then sending out the first email!
Learn how to use the data returned by the form action in SvelteKit! Follow this step-by-step guide to show a modal instead of a redirect.
Learn how to manipulate form action data before sending it in SvelteKit! Follow this step-by-step guide to update items without hidden inputs.
Do you want to know which reverse proxy for docker is the best for you? I tried them and will compare them on different metrics!
Learn how to use nginx-proxy as a reverse proxy and issue a free SSL certificate using this step-by-step guide.
Learn how to use Caddy as a reverse proxy and issue a free SSL certificate using this step-by-step guide.
Learn how to use Traefik as a reverse proxy and issue a free SSL certificate using this step-by-step guide.
Improve your workflow with these five top GitHub repositories including Pico.css, TanStack Table, Typebot, Excalidraw and Penpot!
Crosspost.one is a simple and efficient tool that offers an easy way to cross-post your WordPress blog posts to Medium!
Learn how to quickly set up a domain for your hosted application and server using this step-by-step guide.
Learn how to easily host your first application on a server (VPS) using Docker and Docker Compose with this step-by-step guide.
Learn how to set up a server (VPS) for self-hosting your side projects and websites with this step-by-step guide!
Learn how to deploy your Pocketbase as a Framework application to production by either using only a backend or also a frontend.
Learn how to request, create, update, and delete records with records when using Pocketbase as a framework for your backend!
Learn two different methods to link to a PDF file stored on GitHub without forcing your visitor to download it.
Learn how to host a mail server for free in a few simple steps using Docker and then test it with Pocketbase.
Explore the features and benefits of Pocketbase vs. Supabase for your next side project with this in-depth comparison.
Improve the user experience and security of your Pocketbase Application by setting up an SMTP with this step-by-step guide using Sendinblue.
Learn how to build a realtime chat application using Pocketbase for the back end and Svelte for the front end.
Follow this step-by-step tutorial to learn how to use pocketbase auth for a login screen using the email/password, authentication provider!
Learn how to build a realtime chat application using Supabase for the back end and Svelte for the front end.
Follow this step-by-step tutorial to learn how to use supabase auth for a login screen using the email/password, authentication provider!
Learn how to set up a custom domain for your Azure Container Apps with Azure Frontdoor using this step-by-step guide.
Learn how to set up volumes for your Azure Container Apps by connecting the Container App to an Azure Storage Account!
Learn how and why to create an Azure Service Principal using the Azure CLI or Azure Portal in a step-by-step manner.
Learn how to create a Windows installer for your Unity game using the easy-to-use tool Inno Setup (step-by-step)!
Learn how to mask your ssh private key variable inside GitLab CI with three simple steps! The steps are: encode, add to ci and decode.
Learn how to deploy changes of a git repository to your own / a server using GitLab CI/CD when you push them.
Learn how to deploy changes of a git repository to your own / a server using GitHub Actions when you push them.
Learn how to adjust the alignment and indentation for your ordered lists with CSS or Tailwind CSS by using different pseudo-classes.
Learn how to create an npx command to set up a boilerplate for your next project with only one command (step-by-step)!
Learn how to set up a new typescript project with automatic reload. I will show you used packages and step-by-step instructions!
Do you want to learn what a docker image is and how to create one? In this post, we will turn a simple node application into an image!
Learn how to automatically deploy your GitLab repository to Azure Container Apps using the GitLab Registry and GitLab CI/CD.
In this post, you will learn how to migrate umami from one server to another with two different methods (only data or volumes).
In this post, you will learn how to migrate plausible analytics from one server to another with two different methods (only data or volumes).
Learn how to set up automated backups for Umami by creating a companion container and how to recover the data from these if needed!
Learn how to set up automated backups for Plausible Analytics and how to recover the data from these if needed!
In this post, you will learn how to add a custom configuration to nginx-proxy. As an example, we will create a www redirect.
With this guide, you will be able to set up your own WordPress instance on Docker with free SSL and an automated reverse proxy (nginx-proxy).
In this guide, you will learn how to set up Umami with Docker and how to add it to your website!
In this guide, you will learn how to set up Plausible Analytics with Docker and how to add it to your website!
Learn how to automate the process of generating reverse proxy (NGINX) configurations and requesting SSL certificates for your docker apps!
Monitor a website for status changes with Upptime, a free-to-use, and simple-to-set up GitHub-based solution!
Learn how to make a footer stay at the bottom of the page in two different ways. The first way uses Flexbox, and the second uses Grid!
Are you looking for a faster and simpler way to start developing with WordPress? In this post, I will show you my new and simplified setup!
Learn how and when to use Render to host your next application for free! I summarized the most important things in a step-by-step guide!
Do you want to learn how to host your next web application for free? In this post, I will show you seven different ways to do so!
Learn how and when to use Firebase to host your next application for free! I summarized the most important things in a step-by-step guide!
Learn how and when to use Netlify to host your next application for free! I summarized the most important things in a step-by-step guide!
Learn how and when to use GitLab to host your next website for free! I summarized the most important things in a step-by-step guide!
Learn how and when to use Vercel to host your next application for free! I summarized the most important things in a step-by-step guide!
Learn how to create the landing page of your next project for free! For this, we will use GitHub Pages and Jekyll Themes!
Are you looking for a way to host your next project for free? If so, have a look at GitHub Pages and learn how to use it for your websites!
We will create a drawing app with basic HTML and JavaScript! For that, you will create different tools (e.g. pen) and settings (e.g. color)!
Learn how to draw on an HTML canvas with your mouse! For that, we will first learn some canvas basics and then use them to implement drawing!
Are you thinking of using Tailwind CSS in your next post. Before doing so, read this comparison of Tailwind CSS vs. CSS first!
You will learn my step-by-step approach that I follow when creating a new website with HTML and Tailwind CSS from scratch!
You will learn my step-by-step approach that I follow when creating a new website with HTML and CSS from scratch!
Offering a zip file download in your SvelteKit application can be very useful to provide files to its users! Learn how to do it here!
Uploading an Image to SvelteKit is not an easy task. Thus, I will show you how to create an Image upload in a step-by-step guide!
Here you will learn how to create a fixed navbar with Tailwind CSS in a step-by-step guide! Additionally, I will show you how to customize it.
You can animate your HTML elements in different ways. CSS Animations with keyframes and with transitions. Learn about them both in this post!
In the last weeks, I participated in the Flutter Puzzle Hack Hackathon. Now I will present my learnings of building my project: Slide for Four!
Creating rooms with socket.io is simple, but how do you do it with a basic WebSocket implementation? This question will be answered here!
JavaScript Prototypes let us modify existing base objects after their creation. In this post, we will what they are and how to use them!
JavaScript Classes are templates for object instances. In this post, you will learn, what exactly they are and how you can use them!
JavaScript async await is an important tool for every JavaScript Developer, thus we will learn about its origin (Promises) and how to use it!
Mastering JavaScript Arrays is an important part of every developer's journey. So start and build a long-lasting foundation with this post!
Maps in JavaScript are a useful data structure to map keys to values. In this post, you will learn their basics and how to use them properly!
Arrow functions in JavaScript are anonymous functions written in a shorter way. Since their introduction, they are a big part of JavaScript!
Javascript callback functions are a useful concept to call a dynamic function inside of another function! Learn about them here!
A useful overview of the different aspects of javascript dates, like the date object, getter, setter, and date formatting!
In this post, you will learn how to print better log messages in the javascript console, by styling the output and using different methods!
In this style guide, you will learn how to make cool tables in CSS. You will learn how to style rows, columns, and cells individually!
Learn about when and how to validate a form with javascript in this easy and comprehensive guide! (It's not needed as often as you may think)
Do you want to learn how to create stunning texts in HTML? This post will cover all the different formatting options in detail!
In this post, you will learn how to create a virtual machine step-by-step in two different virtualization environments: VirtualBox and VMWare!
Are you interested to learn when to use CSS Grid vs Flexbox? We will first have a look at the differences and examples for both concepts!
Do you want to know: How does CSS Grid work? Then you are at the right spot. Here you can learn everything about CSS Grid in an interactive way!
Do you want to know: How does Flexbox work? Then you are at the right spot. Here you can learn everything about Flexbox in an interactive way!
In this post you will learn about the different meta tags in HTML and how you can create an awesome preview for your website or application!
Wrongly importing JavaScript is one mistake that slows down your site! Don't repeat it, and learn how to import JavaScript into HTML the right way!
This post covers 7 CSS Tips and Tricks that you can use for every website! The list covers tips for centering, sticky elements, and more!
Are you interested in the websites I use in every programming project? in this post I will cover 7 websites for the different project phases!
This post covers the basic data types: int, float, string, and more! Additionally, it covers why they are important and where to use them!
Learn the basics of JavaScript: A first look at JavaScript, followed by programming fundamentels and the basics of interacting with HTML!
This post covers the basics of CSS. First, we will learn some CSS concepts and later dive into some selectors you need to style a website!
This post covers the basics of HTML. First, we will learn some HTML concepts and later dive into some elements you need on every website!
In this post, I present 5 YouTube coding channels that inspire me! Each channel either teaches something new or shares their progress in a project!
This devlog series covers the idea and the first prototype for my first SaaS, the Pokemon Card Price Checker! Follow me on my journey!
In this post, you will get to know 4 VS Code Extensions that make you more productive. They allow better visual clarity and better navigation!
This post describes 4 ideas for web development projects by outlining the first steps, a basic design, and the needed technologies!
In this post, you can find a short introduction to test driven development and a practical example to better understand the concept!
Here you will learn how to use Docker for your python application with a short example. We have a look at Dockerfiles, Images, and Containers.
Do you want to know how to create JSON and YAML files and how they differ? In this post I will show you the syntactic differences.
This post shows you how to easily configure PostgreSQL to store your Grafana configurations by utilizing environment variables.
This post offers a simple overview of the most important docker-compose properties! There is also a cheat sheet for download included!
Do you want to build a simple multiplayer tic tac toe? In this post, I will show you how to create the frontend portion of the game with socket.io!
Do you want build a simple multiplayer tic tac toe? In this post I will show you how to create the backend portion of the game with socket.io!
Do you need a filterable gallery for your portfolio site? In this guide I will show you how to accomplish this by using HTML, CSS and JS.
Do you want to create a responsive navbar including a logo fast and easy? In this guide, I will show you how to use CSS and only 3 lines of JS.
Do you want to set up a Wordpress development environment for new and innovative Plugins or Themes? This guide will show you how to do it with Docker!
In this guide you will learn how to secure your web app with SSL by utilizing Docker, NGINX and Lets Encrypt.
This guide shows you how to create a personal website with a perfect lighthouse score. It is developed with Svelte and features a blog section.
