🌙 isystk's ポートフォリオ

Description

📗 Nuxt3 & Vuetify を利用してポートフォリオを作成しました。GithubにPushするとCircleCIにVercelにホスティングされるようにしています。Storybook も導入しています。

ディレクトリ構造

.
├── Dockerfile
├── LICENSE
├── README.md
├── aws
│   ├── README.md
│   ├── cfn
│   ├── cloud9
│   └── network.png
├── demo.jpg
├── dist -> .output/public
├── node_modules
├── nuxt.config.ts
├── package.json
├── postcss.config.js
├── src
│   ├── __tests__
│   ├── app.vue
│   ├── assets
│   ├── components
│   ├── constants
│   ├── helper
│   ├── layouts
│   ├── locales
│   ├── middleware
│   ├── pages
│   ├── plugins
│   ├── public
│   ├── services
│   ├── store
│   ├── stories
│   └── utilities
├── tailwind.config.js
├── tsconfig.json
├── vitest.config.ts
└── yarn.lock

🖊️ VS.

利用している技術

• Nuxt.js 3
• Vuetify 3
• TailwindCSS (Sass)
• Typescript
• Chart.js
• Storybook

🌐 Demo

https://profile.isystk.com/

🎨 Requirement

推奨するNodeのバージョン v16

📦 Install

$ nodebrew install v16.13.1 
$ node install -g yarn
$ yarn

💬 Usage

$ yarn dev

本番環境(Vercel)へデプロイする場合

GithubにPushすることでCircleCI経由でVercelにデプロイされます。

$ git push

🔧 Contribution

1. Fork it ( http://github.com/isystk/profile.isystk.com/fork )
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request

🔗 参考

プロジェクト	概要
Nuxt3 Docs	Nuxt3 Docs
Vuetify 3 Beta	Vuetify 3 Beta
Material Design Icons	Material Design Icons
Tailwind CSS	Tailwind CSS
vee-validate	vee-validate
husky v6 のインストール方法と使い方。lint-staged も導入して、品質を保とう	husky v6 のインストール方法と使い方。lint-staged も導入して、品質を保とう

🎫 Licence

MIT

👀 Author

isystk