svelte:body is a solid approach for this specific problem — making --landing-* available to portaled dialogs without touching every overlay.
Portaled content is still a descendant of <body>, so if the vars live on body, dialogs/sheets inherit them automatically:
<svelte:body style={themeStyle(theme)} />
| goAndHighlight('ROUTE_NAME', 'section', { | |
| key: 'value' | |
| }); | |
| enum ROUTE_NAME { | |
| COURSE='/course/[id]' | |
| COURSE_SETTINGS='/course/[id]/settings' | |
| COURSE_CERTIFICATE |
| Hey there, how's it going? This is not an AI video. Prayer 2026W, 99% of the internet's content usually falls into these three pillars, which is text, images, and video. Now, there's some other stuff out there like 3D rendering, uh but this is what you see usually. Now, text is super easy. You just write HTML code and you can pretty much host it anywhere. Images can be a bit trickier because you need to do some optimizations and maybe serve up different sizes for uh different devices. Uh but that's also relatively easy to do and there's many providers out there that do it relatively cheap as well. Video on the other hand was historically a bit more difficult uh to host, but also to create encodings and create different qualities depending uh how the network uh is for that specific user that views your content. So, if you're interested in hosting large amounts of video content, whether that's on the course platform or exclusive videos like Corridor Crew has, for example, here's a really good way to do it. Befo |
If you look at the README of my project, we use supabase https://github.com/classroomio/classroomio/files/README.md for our database however when we want to package our software it's hard to package supabase because it has its own docker compose file and several steps to selfhosting.
Here is our docker compose file https://github.com/classroomio/classroomio/files/docker-compose.yaml
*This Dockerfile is intended for SvelteKit applications that use adapter-node. So, the Dockerfile below assumes that you have already installed and configured the adapter.
FROM node:18-alpine AS builder
WORKDIR /app
COPY package*.json .
RUN npm ci
COPY . .
RUN npm run build
| drop function if exists public.get_explore_courses (uuid, uuid); | |
| create | |
| or replace function public.get_explore_courses (org_id_arg uuid, profile_id_arg uuid) returns table ( | |
| id uuid, | |
| org_id uuid, | |
| title character varying, | |
| slug character varying, | |
| description character varying, |
| import get from 'lodash/get'; | |
| async function getGenericData(orgSlug: string): Promise<{ isCoursePublished: boolean; isCourseCreated: boolean; orgHasAvatarUrl: boolean}> { | |
| const { data } = await supabase.from('course').select(` | |
| id, | |
| is_published, | |
| group:group_id!inner( | |
| organization!inner ( | |
| avatar_url, | |
| siteName |
| #!/bin/bash | |
| # Service name for the TypeScript file. | |
| service_name="$1" | |
| file_name="cache.ts" | |
| # Code content to write to the file. | |
| code="import { revalidateTag } from \"next/cache\"; | |
| interface RevalidateProps { |
| <script> | |
| let name = 'world'; | |
| const students = [ | |
| { avatarUrl: 'https://images.unsplash.com/photo-1599566150163-29194dcaad36?auto=format&fit=crop&q=60&w=800&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8YXZhdGFyc3xlbnwwfHwwfHx8Mg%3D%3D', name: 'Ifeanyi' }, | |
| { avatarUrl: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&q=60&w=800&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OHx8YXZhdGFyc3xlbnwwfHwwfHx8Mg%3D%3D', name: 'John' }, | |
| { avatarUrl: '', name: 'Tunji' }, | |
| { avatarUrl: '', name: 'Trump' }, | |
| { avatarUrl: '', name: 'Buhari' }, | |
| ] |