1
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でポートフォリオサイトを作ろう #7: サイトの公開

Posted at

nuxt.jpeg

前回の続きです。

####Netlifyの利用

一般的にサイトを公開するには、独自ドメインを取得し、レンタルサーバを借りる必要があります。

当然、この方法だとお金がかかります。(といっても、そこまでたいした金額ではありませんが)

そこで今回はNetlifyを使って無料で公開する方法を説明します。

Netlifyで公開するためには、GitHubなどにソースコードを置いておく必要があるので、GitHubのアカウントを持っていない方は登録しておいてください。

参考までに以前私が書いた記事を載せておきます。

####サイトの公開

GitHubにソースコードをアップします。

$ git init // すでに.gitがあるなら不要
$ git remote add origin https://github.com/ユーザー名/リポジトリ名.git
$ git add .
$ git commit -m "initial commit"
$ git push origin master

次にNetlifyにログインします。GitHubアカウントでログインできます。

ログイン後、New Site From Gitを選択します。

img1.png

GitHubを選択します。

img2.png

公開したいリポジトリを選択します。

img3.png

Branch to deploy: master
Build commant: nuxt generate
Publish directory: dist
に設定し、Deploy Siteを選択する。

img4.png

デプロイが完了するとURLが表示されるので、選択します。

img5.png

これでポートフォリオサイトを公開することができました。

1
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
1
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?