Journal
Notes on Svelte, SvelteKit, accessibility, performance, and shipping web work.
One lesson I've learned running an agency is that your well-being as a founder, the success of your company, and the quality of work you deliver to your clients are all directly related to the strength of your opinions.
Read entryThis post share some of the knowledge and best practices we've accumulated from implementing user authentication for SvelteKit apps during 1 sprint cycles.
Read entryKitForStartups is a boilerplate for building SaaS products with SvelteKit. It is not a framework, but rather a collection of components, pages, and logic that you can use to build your own SaaS product with SvelteKit.
Read entryLearn how our team leveraged SvelteKit to build a Google Analytics dashboard MVP in just 3 weeks. This case study covers our tech stack, development experience, key learnings around state management, and how SvelteKit enabled rapid prototyping.
Read entryLearn how to embed interactive Svelte components into PHP apps and WordPress themes. See code examples of fetching data from the WP REST API, building search/filters, using stores, Rollup bundling, and more. Modernize legacy PHP without a huge rewrite.
Read entryLearn how to debounce functions in Svelte to limit how often they run. Implement a debounce utility to rate limit API calls for search boxes and other inputs.
Read entryLear how to programmatically navigate in your SvelteKit app using the `goto` function
Read entryUnravel the power of the {#await ...} block in Svelte! Explore how it improves code readability, and efficiently handles loading states & errors in data fetching.
Read entryGet hands-on with Svelte! Learn how the {#key ...} block lets you control re-rendering and breathe new life into your components.
Read entryDiscover why leading tech giants choose Svelte for their web apps and websites. Learn how Okupter, your Svelte and SvelteKit specialist, can boost your business online.
Read entryTurn 404 errors into memorable experiences with SvelteKit! Uncover the secrets to custom 404 pages, and save internet kittens, one 404 at a time.
Read entryWondering if you can use SvelteKit as a full-stack framework? You landed at the right place. Let's dive in!
Read entrySvelteKit and SEO, a match made in digital heaven! Learn how Okupter propels businesses to online success. Get your gears moving, explore now!
Read entryExplore the alternatives to React such as Svelte, Vue, Angular, and more. Learn why they matter and how they can drive your project's success.
Read entryDiscover how to hire top Svelte developers and fast-track your project with Okupter. Get started by booking your discovery call today!
Read entryDiscover the power of SvelteKit in creating high-converting landing pages. Learn why SvelteKit is the go-to choice for developers at Okupter, a leading Svelte development agency
Read entryDiscover how conditional classes in Svelte can streamline your app design process. Includes a detailed guide on managing active navigation links in SvelteKit.
Read entryDive into our step-by-step guide to master file uploads in Cloudflare R2 with SvelteKit. Learn about the R2 service, set up projects, and optimize your cloud storage experience!
Read entryLearn how to streamline your SvelteKit app's deployment to GitHub Pages in our step-by-step tutorial!
Read entryOvercome the "window is not defined" error in SvelteKit with ease! Learn effective solutions like using the SvelteKit browser module and onMount lifecycle function.
Read entryEliminate the frustrating "document is not defined" error in SvelteKit with our helpful guide. Understand why it occurs and apply proven solutions for smoother development.
Read entryMastering Client-Side Authentication with Firebase and SvelteKit
Read entryExplore the differences between Svelte and React, comparing architecture, reactivity, syntax, and developer experience to make an informed choice.
Read entryGet your website's meta tags back on track with our step-by-step guide to fixing the duplicate meta tags issue in SvelteKit
Read entryLooking to implement file uploading in your Svelte project? Check out this tutorial for an easy-to-follow guide and start uploading files like a pro.
Read entryWant to take your WordPress site to the next level? Learn how to go headless with SvelteKit and GraphQL.
Read entryTypeScript and SvelteKit make a powerful duo. Get the benefits of type safety and easy integration with this guide to using TypeScript in your SvelteKit projects. See why it's worth making the switch.
Read entryLearn how to set up E2E with Playwright in your SvelteKit app. Ensure your app works as expected for your users and automate testing.
Read entryLearn how SvelteKit handle stateful URL, updating states in URL, data invalidation.
Read entryBecome a part of the conversation on Svelte and SvelteKit. Connect with like-minded developers and learners.
Read entrySolve the "Cannot stringify arbitrary non-POJOs" error in SvelteKit with this quick and simple guide. Learn how to fix the issue by serializing non-POJOs with JSON or structuredClone.
Read entryLearn how to add a sitemap to your server side rendered SvelteKit website.
Read entryLearn how Svelte handles CSS and styles, and how you can take advantage of that for your Svelte and SvelteKit applications.
Read entryMaster the art of query parameters in SvelteKit! Discover how to access and use them on both the client and server side with clear examples and explanations.
Read entryFind out what's Svelte, SvelteKit, what is the difference between the two and what you can do with both.
Read entryExplore the journey of building a website with SvelteKit and DatoCMS, including the challenges and successes I encountered.
Read entryLearn about the handle hook in SvelteKit and how it can be used for authentication, route protection, and more.
Read entryDiscover how SvelteKit's load function simplifies data loading in your web app.
Read entryGet practical advice on using SvelteKit from a developer who has built projects with the framework. This blog series provides tips and insights to help you succeed with SvelteKit projects.
Read entryOne of the most interesting pieces of software in modern web development is Docker. It allows building, shipping, and running applications in a container. In this article, we will learn how to build a SvelteKit application with Docker.
Read entryEnhance your SvelteKit forms building experience by using Zod for type safe form validation.
Read entryEnvironment variables are an important feature of NodeJS applications. In this article, we will learn how SvelteKit makes use of them and how to use them effectively.
Read entryIn this article, we will learn how to handle authentication and authorization with JWT in SvelteKit.
Read entryThis article describes what I learned, what I like about Astro, the static site generator, and what makes it an interesting tool to consider.
Read entry