当ブログ人気記事!
転職体験談
Laravelで学ぶWebアプリ開発
誰でも作れるチャットアプリ
未経験への勧め

Nuxt×Vuetify×Netlifyでサクッと公開!ポートフォリオサイトを楽して作ろう

WebエンジニアSHOOT
「Webエンジニアとしてポートフォリオサイト1つくらい作っておくかー!!」


プログラミング未経験からWebエンジニアになり、
ある程度Web開発にも慣れてきた

こんな時にふと思ったのです。


とはいえそこまでポートフォリオサイトに時間をかけたくない。


とにかく簡単かつ最速で作れないかということで

Nuxt×Vuetifyでサクッと開発し、Netlifyで公開しました!

SHOOTのポートフォリオはこちら


僕のようにポートフォリオサイトを簡単にサクッと作りたい
という方はわりと多いのではないかと思ったので、

本記事では
ポートフォリオサイトを作成して世にリリースするまでのステップを完全公開します!


駆け出しエンジニアだけでなく、
Webエンジニアを目指す未経験の方でも作れるように分かりやすく解説するので、

是非参考にしてください!!


学べるスキル

  • Nuxt
  • Vuetify
  • Netlify
スポンサーリンク

ポートフォリオサイト開発!

デモ

ポートフォリオURL(完成像)
https://shoot-portfolio.netlify.app/

開発環境

  • Nuxt 2.0.0
  • Vuetify 1.0.0

Github
https://github.com/Shuto-san/nuxt-vuetify-portfolio

Nuxtインストール&サイト画面設計

固定ヘッダー、フッター、ページ内遷移作成

トップ(Top)作成

プロフィール(Profile)作成

経歴(History)作成

ポートフォリオ(Work)作成

問い合わせ(Contact)作成

Netlifyで公開

2020/04/30(木)に公開!!

スポンサーリンク
シェアする
SHOOTをフォローする
WebエンジニアSHOOTのブログ
タイトルとURLをコピーしました