# 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/ ```bash npm run build ``` If this is just a quick build update then only the build directory needs to be copied (rsync). ```bash rsync -vhrz --exclude 'node_modules' ~/OSIT_dev/ae_app_svelte_tailwind_skeleton/build/ ~/OSIT_dev/ae_env_node_app/npm_deploy/build/ --delete rsync -vhrz ~/OSIT_dev/ae_env_node_app/npm_deploy/build/ scott@linode.oneskyit.com:/srv/env/prod_aether_sveltekit/npm_deploy/build/ --delete ``` If this includes package updates we need to copy the new package.json. Manually copy the new package.json file to ./npm_deploy/. This also needs to be copied to the server. ```bash # copy/paste, rsync, or cp ``` Run the --omit dev to clear out the node_modules directory. Copy the root node_modules directory to ./npm_deploy/build/node_modules/ after running te omit dev command. ```bash npm ci --omit dev ``` Everything should be ready to run on the development server and production server. # Rebuild the node_modules directory and manually install extra Svelte packages Run the npm update to fix the node_modules directory and package.json ```bash npm update ``` Other installs?: Are both still needed? I know at least one of these is. 2024-07-23 ```bash npm install --save-dev 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`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte). ## Creating a project If you're seeing this, you've probably already done this step. Congrats! ```bash # 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: ```bash 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: ```bash npm run build ``` You can preview the production build with `npm run preview`. > To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.