Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Nuxt.js #캡틴판교 #인프런 #복습용도
- 디파이방법
- prettier
- postman #vue #api
- vue3
- React
- next13
- #Nuxt.js #캡틴판교 #vue.js
- 스왑방법
- #캡틴판교 #Nuxt.js #인프런 #SSR #CSR
- githubpages
- useMemo
- github-pages
- STAKING
- useNuxtAPp
- swap
- nextjs
- codingApple
- Cake
- Dynamic Routes
- BTC
- v-model
- vue.js #v-if #v-show #주니어프론트개발자
- vue #npm #vuex #vue-router
- transitionGroup
- Nested Routes
- React.memo
- nuxt3
- draganddrop
- context api
Archives
- Today
- Total
내맘대로 frontend 낙서장
Next.js GithubPages배포 본문
https://www.jasonchoi.dev/posts/publish-nextjs-to-gh-pages
Next.js Github Pages 가장 쉽게 배포하기
가장 쉽게 배포하는 방법을 알아보자.
www.jasonchoi.dev
해당 블로그를 참조하면 배포하는 방법이 매우 쉽다 그러나 13.3이후 버전을 쓴다면 조금 수정을해야한다.
위 블로그를 그대로 따라하되 2가지만 수정하면된다.
1. build명령어를 "next build"로 한다.(뒤에 next export는 지우면된다.)
2. next.config.ts에 다음과 같이 추가한다.
const nextConfig = {
output: 'export',
basePath: '/레포지토리이름',
};
그러면 잘되는 걸 확인할 수 있다.
왜그렇게 되었냐면 13.3이후버전부터 next export 명령어가 사라졌기 때문이다.
끝
**참고자료
https://github.com/owncast/owncast/issues/3413
https://nextjs.org/docs/pages/building-your-application/deploying/static-exports
'react' 카테고리의 다른 글
next13 강의 들으면서 실습하기 (2) (0) | 2023.04.17 |
---|---|
next13 강의 들으면서 실습하기 (1) (0) | 2023.04.12 |
리액트 기본개념 총 정리 2편 (0) | 2023.04.09 |
React로 만든 플젝 GItHub Pages로 배포하기 (0) | 2023.04.04 |
리액트 기본개념 총정리 1편 (0) | 2023.04.03 |