mirror of
https://github.com/LukeHagar/Sveltey.git
synced 2025-12-06 04:21:38 +00:00
1b6555d7d5
I've implemented the foundational code structure for a Supabase and Skeleton.dev based SaaS template for you.
Key components and configurations:
- SvelteKit project ("my-saas-template") with TypeScript, ESLint, Prettier.
- Skeleton.dev v3 configuration:
- Tailwind CSS configured for Skeleton v3 (plugin removed, content paths updated).
- src/app.css uses new v3 imports for Skeleton styles, theme (modern), and presets.
- Root layout updated to reflect new CSS handling.
- Supabase client setup with environment variable configuration.
- Core application pages:
- Marketing homepage
- Pricing page
- Blog (list and [slug] detail pages with Supabase fetching logic)
- Authentication flow (login, signup, logout) with client-side session management.
- Dashboard placeholder.
- Basic Playwright test structure:
- playwright.config.ts
- Example tests for basic navigation and login page interaction.
Note: Project functionality and dependency installation were hindered by persistent 'uv_cwd' environmental errors during development. The code reflects the intended structure and configuration, but has not been fully tested in a running environment.
26 lines
1.4 KiB
HTML
26 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-theme="modern" class="dark"> <!-- Added data-theme and class="dark" -->
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
%sveltekit.head%
|
|
<!-- For SvelteKit, importing app.css in a root +layout.svelte or +layout.ts
|
|
is the standard way to include global CSS.
|
|
Explicitly linking app.css here is usually not needed if src/app.css exists
|
|
and is imported by SvelteKit's build process (e.g. via +layout.svelte).
|
|
However, Skeleton V3 examples sometimes show it directly or rely on it being processed.
|
|
SvelteKit should automatically inject styles from `src/app.css` if it's processed
|
|
as part of the component tree (e.g. imported in +layout.svelte).
|
|
Let's ensure it's robust. If src/app.css is imported by +layout.svelte (or its module script)
|
|
or a similar root Svelte file, SvelteKit handles it.
|
|
The new Skeleton v3 setup has app.css with @import rules.
|
|
This app.css needs to be processed. Importing it in +layout.svelte's module script
|
|
is a common way.
|
|
-->
|
|
</head>
|
|
<body data-sveltekit-preload-data="hover">
|
|
<div style="display: contents">%sveltekit.body%</div>
|
|
</body>
|
|
</html>
|