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(木)に公開!!