Adding vercel.json breaks Vercel deployments
Adding a vercel.json file with the following cron job breaks Vercel deployments on master in my SvelteKit project.{"crons": [ {"path": "/api/cron","schedule": "* * * * *" } ]}With no logs or anything...
View Articlesvelte:window innerWidth undefined in the first load
I have this component to check device size<script lang="ts"> import { deviceSize } from "$lib/stores"; let innerWidth; $: if (innerWidth >= 1652) { $deviceSize = { xl: true, lg: false, md:...
View ArticleHow load() is supposed to be used
I'm trying to understand how SvelteKit renders my web app in different scenarios, and I'm a bit puzzled by load().I created a page with a load function which calls an external API and uses the response...
View ArticleSvelte redirect to Microsoft Entra ID fails due to CORS
I am building a Svelte application, where the user must login using Microsoft Entra ID.I have made a hooks.server.ts file, which checks all traffic for a access token.If access token is not present the...
View ArticleWhat is causing layout shifting on safari when a header is removed
I am creating a SvelteKit website and i am running into some issues with layout shifting on safari. I have a component which contains a header. The component contains some js to track if the user is...
View Articleenvironment variables on vercel with sveltekit
I have a run time environment variable MY_ENV, which I have setup locally and create in my cicd pipeline also.I access this environment variable in my svelte app, using $env/dynamic/private, locally it...
View ArticleTurn a Svelte Component into HTML, CSS, and JS
My ideal end goal:Dynamically output HTML, CSS, and JS from a Svelte component so I can host it elsewhere (e.g. S3 bucket).Context:I have a Svelte app that collects information from usersFrom this...
View ArticleClik here to view.
Issues when deleting dynamically loaded component in Sveltekit
I've got a page which (at this point) contains only a button. When this button is clicked, a component is dynamically loaded, so if you click it multiple times then multiple components will appear on...
View ArticleSvelte/Typescript error : "unexpected token" during type declaration
So I have a Svelte application with TypeScript enabled but now I am having an issue for running it :[!] Error: Unexpected token (Note that you need plugins to import files that are not...
View ArticlePayPal Cannot read properties of null (reading 'Buttons') in svelte
I want to add PayPal button in my svelte kit app, but when I test it say that Cannot read properties of null (reading 'Buttons') and I try to figure out how to solve this I found that it somewhere...
View ArticleHow to Override the Bootstrap Default Styles in a Svelte/SvelteKit Webapp?
I have a newly created Svelte app that is working well with Bootstrap5, but I've been unsuccessful in my attempts to override the Bootstrap default colors. I'm focused on the variables.scss file, but...
View ArticleTyped Svelte store with initial value from local storage
I'm trying to implement JWT authentication in my SvelteKit SPA. I'm new to TS (and thus Svelte[Kit]) and there is a lot to learn, so my problem might not strictly be with Svelte and its store system...
View ArticleHow to redirect to page in SvelteKit?
I have a page with content rendered from a SvelteKit store. If the store is invalid, a user needs do be redirected to the homepage. Unfortunately, I can't find a way to redirect a user even without...
View ArticleSyntaxError: ambiguous indirect export: default Error when importing my own...
I have written a validation class and want to include it in my VueJS 3 project. Unfortunately I get the following error: SyntaxError: ambiguous indirect export: defaultThis is my code://...
View ArticlePOSTGRES_URL connection string not working for localhost database
This connection string is giving me an error (pasted at the bottom) when I include it in the .env.local file of my Svelte...
View ArticleSveltekit reactive Forms
quick question.I'm kinda new to SvelteKit and i have a form that looks the following way:I have two input fields, one is for the userType (select) and another one is called action (select).the...
View ArticleSearch component with a dropdown using svelte and shadcn-svelte
I'm trying to create a search component using Svelte and shadcn-svelte UI component library,Where I'll have a dropdown visible below the search input, when the user type a text that does exist in the...
View ArticleClik here to view.
ELK Layered algorithm with SvelteFlow
I'm using Elkjs and SvelteFlow to layout nodes inside a subflow as the one shown in the screenshot (left). I have tried many of properties for the ELK Layered algorithm...
View ArticleReset Focus on navigation
I recently had a site developed which was audited for accessibilityThere's a problem for which I can't find a "clean" solution.To be explicit, let's take a concrete example: this siteContext :From the...
View ArticleHow to make an API call in Svelte using a relative url?
I have a svelte application and would like to make an API call to my server from JavaScript. The key is that I want to use a relative url i.e., instead of:fetch("https://example.com/foo);I want to...
View Article