Next storybook for Beginners

Next.js + Storybook + Tailwind CSS + TypeScript

Prerequisites

Node.js v20.11.1 or higher
pnpm v9.2.0 or higher

Project setup

pnpm install

Development

pnpm dev

mock serverを起動する

pnpm mock

APIドキュメントを表示する

pnpm document

Storybook

pnpm storybook

Build

pnpm build

Lessons

1. ダッシュボードページの作成

2. figmaの画面を作成

figma

認証画面の調整から各画面の作成を行う

Name		Name	Last commit message	Last commit date
Latest commit History 69 Commits
.github		.github
.husky		.husky
.storybook		.storybook
.vscode		.vscode
app		app
components/containers		components/containers
lessons		lessons
lib		lib
packages/mocks		packages/mocks
pages		pages
public		public
.gitattributes		.gitattributes
.gitignore		.gitignore
.npmrc		.npmrc
.prettierrc.js		.prettierrc.js
.stylelintrc		.stylelintrc
README.md		README.md
eslint.config.mjs		eslint.config.mjs
middleware.ts		middleware.ts
next.config.mjs		next.config.mjs
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml
postcss.config.cjs		postcss.config.cjs
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

Next storybook for Beginners

Prerequisites

Project setup

Development

Storybook

Build

Lessons

1. ダッシュボードページの作成

2. figmaの画面を作成

About

Releases

Packages

Contributors 3

Languages

fox-hound-ltd/next-storybook-for-beginners

Folders and files

Latest commit

History

Repository files navigation

Next storybook for Beginners

Prerequisites

Project setup

Development

Storybook

Build

Lessons

1. ダッシュボードページの作成

2. figmaの画面を作成

About

Topics

Resources

Stars

Watchers

Forks

Releases

Packages 0

Contributors 3

Languages

Packages