This is my portfolio site made by Next.js bootstrapped with create-next-app.

This application uses the Jamstack architecture by Nextjs, microCMS, Vercel.

My Page -https://portfolio-yuichimukai.vercel.app

Getting Started

First, fork this repository and install packages.

yarn install
yarn dev

Open http://localhost:3000 with your browser to see local development sample.

Directory Structure

All application code is contained under ./src directory. ./src
├─ apis
├─ builder
├─ components
├─ hooks
├─ lib
├─ pages
├─ styles
├─ types
└─ utils

apis

Type definition file for aspida. All content types via external APIs is defined here.

builder

Update RSS of external platforms at build time and export to static files.

components

UI components list of this application.

hooks

Custom hooks isolated reusable logic.

lib

Methods of API access for microCMS and Google Analitics Tags, and so on.

pages

Pages of routing by nextjs contains custom _document.tsx, 404.tsx, _app.tsx.

styles

Global CSS variables, or common styled-components and media queries.

types

Type definitions for non-content obtained via external APIs.

utils

General purpose functions, constants, etc.