{"id":16466251,"url":"https://github.com/isystk/amplify-nuxt3-sample","last_synced_at":"2025-10-13T22:37:21.303Z","repository":{"id":38418469,"uuid":"433416088","full_name":"isystk/amplify-nuxt3-sample","owner":"isystk","description":"Nuxt3 \u0026 Vuetify3 \u0026 Amplify を利用した学習用のサンプルアプリケーションです。","archived":false,"fork":false,"pushed_at":"2022-11-12T04:29:39.000Z","size":2920,"stargazers_count":16,"open_issues_count":0,"forks_count":3,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-09-10T07:43:22.668Z","etag":null,"topics":["amplify","graphql","nuxt3","storybook","typescript","vuetify3"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/isystk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-11-30T12:07:39.000Z","updated_at":"2024-05-13T02:51:27.000Z","dependencies_parsed_at":"2023-01-21T13:01:56.282Z","dependency_job_id":null,"html_url":"https://github.com/isystk/amplify-nuxt3-sample","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/isystk/amplify-nuxt3-sample","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/isystk%2Famplify-nuxt3-sample","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/isystk%2Famplify-nuxt3-sample/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/isystk%2Famplify-nuxt3-sample/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/isystk%2Famplify-nuxt3-sample/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/isystk","download_url":"https://codeload.github.com/isystk/amplify-nuxt3-sample/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/isystk%2Famplify-nuxt3-sample/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279017147,"owners_count":26085983,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-13T02:00:06.723Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["amplify","graphql","nuxt3","storybook","typescript","vuetify3"],"created_at":"2024-10-11T11:36:54.359Z","updated_at":"2025-10-13T22:37:21.260Z","avatar_url":"https://github.com/isystk.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"🌙 amplify-nuxt3-sample\n====\n\n[![CircleCI](https://circleci.com/gh/isystk/amplify-nuxt3-sample/tree/master.svg?style=svg)](https://circleci.com/gh/isystk/amplify-nuxt3-sample/tree/master)\n![GitHub issues](https://img.shields.io/github/issues/isystk/amplify-nuxt3-sample)\n![GitHub forks](https://img.shields.io/github/forks/isystk/amplify-nuxt3-sample)\n![GitHub stars](https://img.shields.io/github/stars/isystk/amplify-nuxt3-sample)\n![GitHub license](https://img.shields.io/github/license/isystk/amplify-nuxt3-sample)\n\n## 📗 プロジェクトの概要\n\nAWS Amplify の学習用サンプルアプリケーションです。\n\n\n### 利用している技術\n\n- Nuxt.js 3\n- Typescript\n- Vuetify\n- TailwindCSS \u0026 Sass\n- Amplify (Cognito/AppSync/DynamoDB)\n- GraghQL\n- Storybook\n\n## 🌐 Demo\nhttps://dev.dl83z1vvxx26n.amplifyapp.com\n\n![TOP画面](./app1.png \"TOP画面\")\n![マイページ一覧](./app2.png \"マイページ一覧\")\n![投稿フォーム](./app3.png \"投稿フォーム\")\n\n\n## 🔧  AWS クライド上にamplifyの環境を構築する\n```text\n$ rm -Rf amplify\n$ amplify init\n? Initialize the project with the above configuration? No\n? Enter a name for the environment dev\n? Choose your default editor: IntelliJ IDEA\n? Choose the type of app that you're building javascript\nPlease tell us about your project\n? What javascript framework are you using react\n? Source Directory Path:  src\n? Distribution Directory Path: .output/public\n? Build Command:  npm run build\n? Start Command: npm run start\nUsing default provider  awscloudformation\n? Select the authentication method you want to use: (Use arrow keys)\n❯ AWS profile \n  AWS access keys (node:42574) [DEP0128] DeprecationWarning: Invalid 'main' field in '/Users/iseyoshitaka/.nodebrew/node/v16.13.1/lib/node_modules/@aws-amplify/cli/node_modules/cloudform/package.json' of 'packages/cloudform/index.js\n? Select the authentication method you want to use: AWS profile\n\n# init で作成した環境を AWS から一括で削除したい場合\n$ amplify delete\n```\n\n## 📦 ディレクトリ構造\n\n```\n.\n├── LICENSE\n├── README.md\n├── amplify\n│   ├── README.md\n│   ├── backend\n│   ├── cli.json\n│   ├── hooks\n│   └── team-provider-info.json\n├── node_modules\n├── nuxt.config.ts\n├── package.json\n├── src\n│   ├── __tests__\n│   ├── app.vue\n│   ├── assets\n│   ├── aws-exports.js\n│   ├── components\n│   ├── constants\n│   ├── layouts\n│   ├── locales\n│   ├── middleware\n│   ├── mixins\n│   ├── pages\n│   ├── plugins\n│   ├── public\n│   ├── services\n│   ├── store\n│   └── stories\n├── tailwind.config.js\n├── tsconfig.jest.json\n├── tsconfig.json\n└── yarn.lock\n```\n\n\n## 🖊️amplify の利用方法\n\n```shell\n# amplify コマンドをインストールする\n$ npm install -g @aws-amplify/cli\n$ amplify -v\n8.3.1\n\n# amplify を利用する為の設定\n$ amplify configure\n? user name:  amplify-lBpzV\n\n# AWS から amplify の状態をローカルに取り込む\n$ amplify pull --appId dl83z1vvxx26n --envName dev\n\n# ローカル の状態を AWS の amplify へ反映する\n$ amplify push\n\n# 最新モジュールをホスティング環境にデプロイする\n$ amplify publish\n```\n\n## 💬 使い方\n```text\n# edit nuxt.config.ts\n// global: {}, // ← yarn dev するときはコメントアウトを外して下さい\n# module install\nyarn\n# app run\nyarn dev\n```\n\n## 🎨 参考\n\n| プロジェクト| 概要|\n| :---------------------------------------| :-------------------------------|\n| [Nuxt3 Docs](https://v3.nuxtjs.org/guide/concepts/introduction)| Nuxt3 Docs |\n| [Vuetify 3 Beta](https://next.vuetifyjs.com/en/getting-started/installation/)| Vuetify 3 Beta |\n| [AWS Amplify　はじめてみる編](https://qiita.com/t_okkan/items/38aca98993bf06598af6)| AWS Amplify　はじめてみる編 |\n| [Material Design Icons](https://pictogrammers.github.io/@mdi/font/2.0.46/)| Material Design Icons |\n| [Tailwind CSS](https://tailwindcss.com/docs/installation)| Tailwind CSS |\n| [vee-validate](https://vee-validate.logaretm.com/v4/guide/components)| vee-validate |\n| [husky v6 のインストール方法と使い方。lint-staged も導入して、品質を保とう](https://fwywd.com/tech/husky-setup)| husky v6 のインストール方法と使い方。lint-staged も導入して、品質を保とう |\n\n\n## 🎫 Licence\n\n[MIT](https://github.com/isystk/amplify-nuxt3-sample/blob/master/LICENSE)\n\n## 👀 Author\n\n[isystk](https://github.com/isystk)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fisystk%2Famplify-nuxt3-sample","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fisystk%2Famplify-nuxt3-sample","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fisystk%2Famplify-nuxt3-sample/lists"}