One Sky IT's SvelteKit Template

Current Modules

AE Events - Speakers (/events_speakers)

Components

• +page.svelte - The main page for the Events - Speakers module
• 10_edit_modal__event_presenter_obj.svelte - The modal for editing a presenter
• 10_list__event_presenter_obj.svelte - The list of presenters/speakers
• 10_view_modal__event_presenter_obj.svelte - The modal for viewing a presenter

[slug]

• +page.svelte - The main page for the presenter ID [slug]

AE Sponsorships (/sponsorships)

• +page.svelte - The main page for the Sponsorships module
• 10_edit_modal__sponsorship_obj.svelte - The modal for editing a sponsorship
• 10_list__sponsorship_obj.svelte - The list of sponsorships
• 10_view_modal__sponsorship_obj.svelte - The modal for viewing a sponsorship

[slug]

• +page.svelte - The main page for the sponsorship ID [slug]

Future Modules

AE Events - Badges (/events_badges)

• +page.svelte - The main page for the Events - Badges module
• 10_list__event_badge_obj.svelte - The list of badges
• 10_view_modal__event_badge_obj.svelte - The modal for viewing a badge

AE Events - Exhibit Leads (/events_exhibit_leads)

AE Events - Presentation Management (/events_pres_mgmt)

How to build and deploy SvelteKit:

• Copy the contents of the "build" directory to ./npm_deploy/build/

npm run build

If this is just a quick build update then only the build directory needs to be copied (rsync).

rsync -vhrz --exclude 'node_modules' ~/OSIT_dev/ae_app_svelte_tailwind_skeleton/build/ ~/OSIT_dev/ae_env_node_app/npm_deploy/build/

rsync -vhrz --exclude 'node_modules' ~/OSIT_dev/ae_app_svelte_tailwind_skeleton/build/ scott@linode.oneskyit.com:/srv/env/prod_aether_sveltekit/npm_deploy/build/

• Copy the new package.json file to ./npm_deploy/
• Copy the root node_modules directory to ./npm_deploy/build/node_modules/

npm ci --omit dev

• Run the npm update to fix the node_modules directory and package.json

npm update

Other installs?:

npm install -D svelte-highlight
npm install --save-dev typescript-svelte-plugin

Set up and run

Build

Environment file

create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.