Taku.dev

This is a code repository of Takuya Iwashiro's developer blog.

It's composed from Strapi and Next.js.

Architecture Diagram

Structure

Language

TypeScript

CMS

Strapi

Client

Next.js

package manager

yarn v3

monorepo

turborepo

Test

• Jest
• Storybook
• reg-suit

Linter, Formatter

• eslint
• stylelint
• styled-jsx-plugin-stylelint
• commitlint
• prettier

CI/CD

Github Actions

Setup local environment

1. Install asdf

Getting Started - asdf

2. Install Node.js

asdf plugin add nodejs
asdf install

3. Install dependencies

yarn install
npm install -g commitizen

4. Setup environment variables

echo HOST=0.0.0.0\nPORT=1337\nAPP_KEYS=myApiKey\nAPI_TOKEN_SALT=myApiTokenSalt\nADMIN_JWT_SECRET=myAdminJwtSecret\nDATABASE_USERNAME=postgres\nDATABASE_PASSWORD=postgres >> packages/takudev-cms/.env
echo STAGE=development\nSTRAPI_HOST=http://127.0.0.1:1337\nNEXT_PUBLIC_BASE_URL=http://localhost:3000 >> packages/takudev-web/.env.local

5. Start PostgreSQL

cd packages/takudev-cms
docker-compose up -d

6. Start Strapi

cd packages/takudev-cms
yarn build
yarn develop

Jump to Strapi admin page

7. Start Next.js

cd packages/takudev-web
yarn dev

Jump to blog's top page