;
39 | body: string;
40 | };
41 |
42 | return new Response(body, { status, headers });
43 | }
44 |
45 | export const GET: RequestHandler = async (event) => {
46 | return await handler(event, appRouter, createContext);
47 | };
48 |
49 | export const POST: RequestHandler = async (event) => {
50 | return await handler(event, appRouter, createContext);
51 | };
52 |
--------------------------------------------------------------------------------
/src/routes/(app)/+layout.server.ts:
--------------------------------------------------------------------------------
1 | import type { LayoutServerLoad } from './$types';
2 |
3 | import { redirect } from '@sveltejs/kit';
4 | import parser from 'accept-language-parser';
5 |
6 | import { baseLocale, locales } from '$i18n/i18n-util';
7 | import type { Locales } from '$i18n/i18n-types';
8 |
9 | export const load: LayoutServerLoad = async (event) => {
10 | const browserLanguage = parser.pick(locales, event.request.headers.get('accept-language') || '');
11 | const locale = event.params.locale as Locales;
12 |
13 | if (!locale || !locales.includes(locale)) {
14 | let pathname = event.url.pathname.split('/').filter(Boolean);
15 | pathname.unshift((browserLanguage as string) || baseLocale);
16 |
17 | redirect(308, pathname.join('/'));
18 | }
19 |
20 | return {
21 | locale
22 | };
23 | };
24 |
--------------------------------------------------------------------------------
/src/routes/(app)/+layout.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/src/routes/(app)/+page.svelte:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lucagoslar/sveltekit-fullstack/ad2e43a8917414d4800158b959e32b808522b649/src/routes/(app)/+page.svelte
--------------------------------------------------------------------------------
/src/routes/(app)/[locale]/+page.server.ts:
--------------------------------------------------------------------------------
1 | import type { PageServerLoad } from './$types';
2 |
3 | import { client } from '$scripts/trpc';
4 |
5 | export const load: PageServerLoad = async (event) => {
6 | return {
7 | userCount: await client(event).users.count.query()
8 | };
9 | };
10 |
--------------------------------------------------------------------------------
/src/routes/(app)/[locale]/+page.svelte:
--------------------------------------------------------------------------------
1 |
18 |
19 |
20 |
21 |
22 | {$LL.HI({ name: 'NULL' })}
23 |
24 |
25 |
26 | {data.userCount} user(-s)
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lucagoslar/sveltekit-fullstack/ad2e43a8917414d4800158b959e32b808522b649/static/favicon.png
--------------------------------------------------------------------------------
/svelte.config.js:
--------------------------------------------------------------------------------
1 | import { SassAlias } from 'svelte-preprocess-sass-alias-import';
2 | import adapter from '@sveltejs/adapter-node';
3 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
4 | import path from 'path';
5 |
6 | export const alias = new SassAlias({
7 | $styles: ['src', 'helpers', 'styles']
8 | });
9 |
10 | /** @type {import('@sveltejs/kit').Config} */
11 | const config = {
12 | // Consult https://kit.svelte.dev/docs/integrations#preprocessors
13 | // for more information about preprocessors
14 | preprocess: vitePreprocess({
15 | sass: {
16 | importer: [alias.resolve.bind(alias)]
17 | },
18 | scss: {
19 | importer: [alias.resolve.bind(alias)]
20 | }
21 | }),
22 |
23 | kit: {
24 | adapter: adapter(),
25 | alias: {
26 | $assets: path.join('src', 'assets'),
27 | $scripts: path.join('src', 'helpers', 'scripts'),
28 | $styles: path.join('src', 'helpers', 'styles'),
29 | $i18n: path.join('src', 'i18n'),
30 | $lib: path.join('src', 'lib'),
31 | $atoms: path.join('src', 'lib', 'components', 'atoms'),
32 | $molecules: path.join('src', 'lib', 'components', 'molecules'),
33 | $organisms: path.join('src', 'lib', 'components', 'organisms'),
34 | $components: path.join('src', 'lib', 'components')
35 | }
36 | }
37 | };
38 |
39 | export default config;
40 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./.svelte-kit/tsconfig.json",
3 | "compilerOptions": {
4 | "allowJs": true,
5 | "checkJs": true,
6 | "esModuleInterop": true,
7 | "forceConsistentCasingInFileNames": true,
8 | "resolveJsonModule": true,
9 | "skipLibCheck": true,
10 | "sourceMap": true,
11 | "strict": true
12 | },
13 | "include": [
14 | "./.svelte-kit/ambient.d.ts",
15 | "./.svelte-kit/types/**/$types.d.ts",
16 | "./vite.config.ts",
17 | "./src/**/*.js",
18 | "./src/**/*.ts",
19 | "./src/**/*.svelte",
20 | "./src/**/*.js",
21 | "./src/**/*.ts",
22 | "./src/**/*.svelte",
23 | "./tests/**/*.js",
24 | "./tests/**/*.ts",
25 | "./tests/**/*.svelte",
26 | "./.storybook/**/*.svelte",
27 | "./.storybook/**/*.ts",
28 | "./types/**/*.d.ts",
29 | "./prisma/seed.ts"
30 | ]
31 | // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
32 | //
33 | // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
34 | // from the referenced tsconfig.json - TypeScript does not merge them in
35 | }
36 |
--------------------------------------------------------------------------------
/types/HTMLImageElement.d.ts:
--------------------------------------------------------------------------------
1 | declare namespace svelte.JSX {
2 | interface IHTMLImageElement extends HTMLProps, HTMLAttributes {
3 | fetchpriority: 'high' | 'low';
4 | }
5 |
6 | interface IntrinsicElements {
7 | img: IHTMLImageElement;
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/types/poppanator-sveltekit-svg.d.ts:
--------------------------------------------------------------------------------
1 | import '@poppanator/sveltekit-svg/dist/svg';
--------------------------------------------------------------------------------
/types/sveltejs-enhanced-img.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*?enhanced' {
2 | const value: String;
3 | export default value;
4 | }
--------------------------------------------------------------------------------
/vite.config.js:
--------------------------------------------------------------------------------
1 | import { sveltekit } from '@sveltejs/kit/vite';
2 | import svg from '@poppanator/sveltekit-svg';
3 | import { enhancedImages } from '@sveltejs/enhanced-img';
4 |
5 | import { alias } from './svelte.config';
6 |
7 | /** @type {import('vite').UserConfig} */
8 | const config = {
9 | plugins: [
10 | sveltekit(),
11 | svg(),
12 | enhancedImages()
13 | ],
14 | css: {
15 | preprocessorOptions: {
16 | sass: {
17 | importer: [alias.resolve.bind(alias)]
18 | },
19 | scss: {
20 | importer: [alias.resolve.bind(alias)]
21 | }
22 | }
23 | }
24 | };
25 |
26 | export default config;
27 |
--------------------------------------------------------------------------------