IMAP

Bootstrapped with create-next-app@13.4.6.

Conventions

/_docs

• コーディング規約

• ディレクトリ構成

Warning

コーディング規約の環境変数には特に注意すること。

Pull request (PR)

PR を行う際は、体裁を統一するため、Create pull requestを押した後、URLに?template=task-feature.md (もしくは&template=task-feature.md) を追加して、テンプレートにアクセスする。

コピー用

template=task-feature.md

Note

通常の PR とテンプレート付き PR の例

feature/main-app-ui → develop

• PR のURL

https://github.com/wiyco/imap/compare/develop...feature/main-app-ui

• テンプレート付き PR のURL

https://github.com/wiyco/imap/compare/develop...feature/main-app-ui?template=task-feature.md

or

https://github.com/wiyco/imap/compare/develop...feature/main-app-ui?expand=1&template=task-feature.md

詳細はGitHub Docsを参照。

Development

Install environment packages.

npm i

Environment variables

The below file and variables must be created in the root directory.

.env.local

# supabase
NEXT_PUBLIC_SUPABASE_URL=https://yourprojecturl.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=YourApiKey

# postgres
DATABASE_URL=postgresql://postgres:[pw]@db.[url].supabase.co:5432/postgres?schema=public
DIRECT_URL=postgresql://postgres:[pw]@db.[url].supabase.co:5432/postgres?pgbouncer=true

Code formatter

You have to run npm run format before PR.

VS Code Extentions

• TypeScript
• Prettier
• ESLint
• Stylelint
• Tailwind CSS
• PostCSS

Tailwind CSS

Docs

tailwind.config.js

Support iOS 15.4 or later.

module.exports = {
  theme: {
    extend: {
      height: {
        screen: ["100vh", "100dvh"],
      },
      minHeight: {
        screen: ["100vh", "100dvh"],
      },
      maxHeight: {
        screen: ["100vh", "100dvh"],
      },
    },
  },
};

Next.js

Docs

Material UI

Docs

Framer Motion

Docs

Prisma

Docs

Zod

• Docs - Zod

• Docs - zod-prisma-types

Supabase

Docs

---

🐧