Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Next.js + Tailwind CSSで開発出来るようにProject構成を変更 #340

Merged

Conversation

keitakn
Copy link
Member

@keitakn keitakn commented Aug 17, 2024

issueURL

#337

関連 URL

https://lgtm-cat-frontend-git-feature-issue337reset-project-nekochans.vercel.app/

このPRで対応すること / このPRで対応しないこと

Tailwind CSS + Next.jsで開発が出来るようにProject構成を変更する。

Storybook の URL もしくはスクリーンショット

https://622b6c5dc31e9e003a111eb5-kejprogtks.chromatic.com/

変更点概要

タイトルの通りNext.js + Tailwind CSSで開発出来るようにProject構成を変更 している。

一旦差分が分かりやすいように新しいProjectに必要なファイルだけ残しているが、残りの機能の関しても必要な物は順次 main ブランチから移行していく。

以前までの構造だと各ディレクトリに index.ts を置くスタイル(バレルファイルというらしい)を採用していたが今回からバレルファイルは使わない構成としている。

理由は下記の通りで以外とBuild時のパフォーマンスに影響を与えるようだ。

https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-7/

レビュアーに重点的にチェックして欲しい点

特になし

補足情報

特になし

keitakn added 15 commits August 17, 2024 16:57
```
=> Failed to build the preview
Error: Cannot find module 'ajv/dist/compile/codegen'
Require stack:
- ./node_modules/ajv-keywords/dist/definitions/typeof.js
- ./node_modules/ajv-keywords/dist/keywords/typeof.js
- ./node_modules/ajv-keywords/dist/keywords/index.js
- ./node_modules/ajv-keywords/dist/index.js
- ./node_modules/schema-utils/dist/validate.js
- ./node_modules/schema-utils/dist/index.js
- ./node_modules/webpack-dev-middleware/dist/index.js
- ./node_modules/@storybook/builder-webpack5/dist/index.js
- ./node_modules/@storybook/nextjs/dist/preset.js
- ./node_modules/@storybook/core/dist/common/index.cjs
- ./node_modules/@storybook/core/dist/telemetry/index.cjs
- ./node_modules/storybook/dist/generate.cjs
- ./node_modules/storybook/bin/index.cjs
    at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
    at Module._resolveFilename (./node_modules/esbuild-register/dist/node.js:4794:36)
    at <anonymous> (./node_modules/next/src/server/require-hook.ts:51:34)
    at Module._load (node:internal/modules/cjs/loader:985:27)
    at Module.require (node:internal/modules/cjs/loader:1235:19)
    at Module.mod.require (./node_modules/next/src/server/require-hook.ts:70:26)
    at require (node:internal/modules/helpers:176:18)
    at Object.<anonymous> (./node_modules/ajv-keywords/src/definitions/typeof.ts:2:1)
    at Module._compile (node:internal/modules/cjs/loader:1376:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
```
@keitakn keitakn self-assigned this Aug 17, 2024
Copy link

vercel bot commented Aug 17, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
lgtm-cat-frontend ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 17, 2024 5:46pm

Copy link

codecov bot commented Aug 17, 2024

Codecov Report

Attention: Patch coverage is 3.03030% with 128 lines in your changes missing coverage. Please review.

Project coverage is 14.86%. Comparing base (8fc0b2c) to head (c8978bc).
Report is 16 commits behind head on release/epic36/design-renewal-2024.

Files Patch % Lines
src/app/page.tsx 0.00% 34 Missing and 1 partial ⚠️
src/app/_components/Button.stories.tsx 0.00% 26 Missing and 1 partial ⚠️
src/app/_components/Button.tsx 0.00% 21 Missing and 1 partial ⚠️
src/app/layout.tsx 0.00% 11 Missing ⚠️
postcss.config.mjs 0.00% 7 Missing and 1 partial ⚠️
src/middleware.ts 0.00% 5 Missing and 1 partial ⚠️
eslint.config.mjs 0.00% 2 Missing ⚠️
.../mocks/api/external/lgtmeow/mockFetchLgtmImages.ts 0.00% 1 Missing and 1 partial ⚠️
src/app/global-error.tsx 0.00% 1 Missing ⚠️
src/edge/url.ts 0.00% 0 Missing and 1 partial ⚠️
... and 13 more

❗ There is a different number of reports uploaded between BASE (8fc0b2c) and HEAD (c8978bc). Click for more details.

HEAD has 1 upload less than BASE
Flag BASE (8fc0b2c) HEAD (c8978bc)
2 1
Additional details and impacted files
@@                           Coverage Diff                           @@
##           release/epic36/design-renewal-2024     #340       +/-   ##
=======================================================================
- Coverage                               30.49%   14.86%   -15.63%     
=======================================================================
  Files                                     262       47      -215     
  Lines                                    6746     1164     -5582     
  Branches                                  354       71      -283     
=======================================================================
- Hits                                     2057      173     -1884     
+ Misses                                   4535      952     -3583     
+ Partials                                  154       39      -115     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@keitakn keitakn marked this pull request as ready for review August 18, 2024 07:58
@keitakn keitakn merged commit 65302bc into release/epic36/design-renewal-2024 Aug 18, 2024
7 of 9 checks passed
@keitakn keitakn deleted the feature/issue337/reset-project branch August 18, 2024 08:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant