ポートフォリオ

使用技術

• next.js
• tailwind
• mantine
• Ant Design Charts
• postgraphile
• graphQL
• graphql-codegen
• firebase auth

ページ一覧

• インデックスページ(ISR)
  • 実際のページ
  • ソースコード
• 新規登録ページ(SSG)
  • 実際のページ
  • ソースコード
• ログインページ(SSG)
  • 実際のページ
  • ソースコード
• ユーザー削除ページ(SSG)
  • 実際のページ
  • ソースコード
• 投稿閲覧ページ(ISR)
  • 実際のページ
  • ソースコード
• 新規投稿ページ(SSR)
  • 実際のページ
  • ソースコード
• 投稿編集ページ(SSR)
  • 実際のページ
  • ソースコード
• 404 ページ(SSG)
  • 実際のページ
  • ソースコード
• データ閲覧ページ(ISR)
  • 実際のページ
  • ソースコード

その他

• Apollo の設定してるファイル: https://github.com/msickpaler/postgraphile-next-tailwind-mantin-graphql-portfolio/blob/master/nextjs/src/contexts/MyApolloProvider.tsx

• next.js のフォント最適化:

  postgraphile-next-tailwind-mantin-graphql-portfolio/nextjs/src/pages/_app.tsx

  Line 34 in 5da04f7

  const inter = Inter({

• Mantine のデフォルトテーマのカスタマイズ:

  postgraphile-next-tailwind-mantin-graphql-portfolio/nextjs/src/pages/_app.tsx

  Line 46 in 5da04f7

  theme={{

• debounce を使った自動保存:

  postgraphile-next-tailwind-mantin-graphql-portfolio/nextjs/src/layouts/GlobalHeader.tsx

  Line 109 in 535fe36

  const [userName, setUserName] = useState("");