holoApp

Web Site

https://holo-app.vercel.app

• Next.js - The React Framework for Production Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

• Preline - Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

Project structure

.
├── README.md                      # プロジェクトの説明やドキュメンテーション
├── components                     # Reactコンポーネントが格納されているディレクトリ
│   ├── ui                         # 再利用可能なUIコンポーネント
│   └── layouts                    # 大きなコンポーネントやページのレイアウト
├── lib                            # プロジェクトで使用される外部ライブラリや関数を含むディレクトリ
│   └── gtag.ts                    # GoogleAnalyticsの設定
├── next-env.d.ts                  # Next.jsのTypeScript型の定義
├── next.config.js                 # Next.jsの設定
├── package.json                   # プロジェクトの依存関係やスクリプトが含まれている。
├── pages                          # Next.jsのページコンポーネントが格納されているディレクトリ
│   ├── _app.tsx                   # 全てのページで共通のレイアウトや設定を定義
│   └── index.tsx                  # ホームページのコンポーネント
├── postcss.config.js              # PostCSSの設定
├── prettier.config.js             # Prettierの設定
├── public                         # 静的ファイルが格納されているディレクトリ
├── styles                         # スタイルシートを配置するディレクトリ
│   └── globals.css                # グローバルCSSファイル
├── tailwind.config.js             # TailwindCSSの設定
├── tsconfig.json                  # TypeScriptの設定
├── utils                          # ユーティリティ関数が含まれているディレクトリ
│   └── util.ts                    # 表示するチャンネルの判定をする関数ファイル
└── yarn.lock                      # Yarnパッケージマネージャが生成する依存関係のロックファイル