ポートフォリオ

使用技術

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("");