ridwanzal/sumselit.org

Sumsel IT Landing Page

Build with SvelteKit
Node JS v16.16.x
NPM v8.11.0

svelte references

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

Branching

It would be nice if you could add prefix to your branch

ssit-<name-of-what-you-add>

SaSS

Sass folder will be placed in this directory path:

/src/style/

SaSS will only have base, components, layout and vendors, to add a new vendor please add to vendors directory with *_ prefix. and register (@forward) in

/src/style/vendors/\_index.scss

(Just follow the current configuration for bootstrap css plugin).

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.

Docker

Docker Dev and Prod

If you run docker dev, this action same like npm run dev
If you run docker prod, this action same like npm run build
for production build will have two image and container (static and node)
- If you don't have an image run this first
- this will build a docker image
  - for development mode
```
make build 
```
  - for deployment production mode
```
make build-prod
```
- (if you already have an image run this or you can just run this if you don't have image, this will automate pull an image depedency)
- this will run the container
  - for development mode
```
make up 
```
  - for deployment production mode
```
make up-prod
```
- run this if you want to stop the container
  - for development mode
```
make stop
```
  - for deployment production mode
```
make stop-prod
```
- run this if you want to delete the container
  - for development mode
```
make down
```
  - for deployment production mode
```
make down-prod
```

ridwanzal / sumselit.org