0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Nuxt.jsのプロジェクトをGithub Pagesに公開する手順

Posted at

Nuxt.jsのサイトをGithub Pagesにあげようとして手間取ったので、手順をまとめておきます。

#手順
##1. 普通にNuxtを書く
書きましょう。

##2. npm run generateする
Nuxt.jsのプロジェクトをそのままGithubにあげてもGithub Pagesにdeployできません。

```をすると、静的なアプリケーションが/dist以下に生成されます。

##3. 公開用のリポジトリを作成し、/distの中身を全てUploadする
以上です。[Githubのユーザー名].github.ioに接続すると、Nuxtのサイトが表示されているはずです。Readme.mdが表示されてしまう時は、Readme.mdを/.githubにぶちこむか削除するとおそらくうまくいきます。

#注意
[Githubのユーザー名].github.ioではないリポジトリをGithub Pagesに公開する際は
https://develop365.gitlab.io/nuxtjs-2.8.X-doc/ja/faq/github-pages/
を参考にbaseUrlを設定しましょう。

#参考資料・動画
https://develop365.gitlab.io/nuxtjs-2.8.X-doc/ja/faq/github-pages/

https://qiita.com/mogamoga1337/items/1752ec783d0fdc866a6a

https://www.youtube.com/watch?v=lG9y6WKcyeE&t=617s




0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?