스벨트디플로이에 해당하는 글 1

스벨트킷(sveltekit) 넷틀리파이 호스팅하기

Computer 관심/Svelte|2021. 4. 29. 16:16
반응형

스벨트를 사용하면 쉽게 웹사이트를 만들수 있다.

 

호스팅은 하는법은

 

1. netlify.toml 파일을 만든뒤 다음을 입력

[build]
  command = "npm run build"
  publish = "build/"
  functions = "functions/"

 

2. 패키지 설치

npm i -D @sveltejs/adapter-netlify@next

 

 

3. svelte.config.js 파일 수정

/** @type {import('@sveltejs/kit').Config} */
import adapter from '@sveltejs/adapter-netlify'
const config = {
	kit: {
		// hydrate the <div id="svelte"> element in src/app.html
		target: '#svelte',
    adapter: adapter()
	}
};

export default config;

 

4. 깃을 사용해서 깃허브에 올림

1) git init

2) git add --all

3) git commit m"메시지"

4) git remote add origin https://github.com/계정명/프로젝트명 

5) git push origin master 

 

다른 방법

이걸 클릭해서 올림

 

5. 넷틀리파이 홈페이지에서 깃프로젝트와 연결 (간단함)

 

 

 

dev.to/danawoodman/deploying-a-sveltekit-app-to-netlify-5dc3

 

Deploying a SvelteKit app to Netlify

Want to deploy your SvelteKit app to Netlify? Well, you're in luck because it's actually quite easy!...

dev.to

 

 

 

 

 

추가 - 7월 13일 2021

 

다시 해보니 안된다. 

넷틀리파이에서 node버전을 수정해야했다. 아래 처럼 Enviroment variables에 NODE_VERSION을 16으로 추가해준다.

그뒤

 

문제에 따라서 로컬에서 빌드를 먼저 한뒤 생성된 파일들을 깃에 올린뒤 넷틀리파이에서 끌어와 호스팅 해야 할 수도 있다.

댓글()