https://github.com/t44v1/svelte-template

https://github.com/t44v1/svelte-template

draggable-bottom-sheet notification-drawer responsive-layout route-groups scss seo skeleton-template svelte svelte-template website-loader

Last synced: 27 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/t44v1/svelte-template
• Owner: t44v1
• Created: 2024-10-15T22:02:30.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-17T09:25:05.000Z (3 months ago)
• Last Synced: 2024-10-29T14:21:42.053Z (3 months ago)
• Topics: draggable-bottom-sheet, notification-drawer, responsive-layout, route-groups, scss, seo, skeleton-template, svelte, svelte-template, website-loader
• Language: Svelte
• Homepage:
• Size: 28.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

  

    
Template Setup

    


      
npm i

      
npm run dev

    

  


  

    
Project

    


      
npm i @supabase/supabase-js sass --save-dev

      


        Required for sass to work! (svelte.config.js)

        


          
import { vitePreprocess } from '@sveltejs/  vite-plugin-svelte';

          
const config = { preprocess: vitePreprocess() }

        

      

    

  


## file structure

```

src/

  hooks.server.js         // User auth

  lib/

    config/

      languages/           // Language packs

      pages.js             // Each page Seo & its optional data

      site.svelte          // I18n & Seo implementation

    layout/                // Layout components (all optional)

    store/                 // Data groups and storage

    style/                 // Style files

    i18n.svelte            // Display translations & vars

  routes/

    (public)/

      layout.server.js     // User auth data & check

      layout.svelte        // Layout of public pages

      +page.svelte

    (private)/

      layout.server.js     // User auth data

      layout.svelte        // Layout of private pages

```