Skip to content

InumberX/ssg-with-docker-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Static Site Generator with Docker React

GitHub release (with filter) GitHub Release Date - Published_At GitHub last commit (by committer) GitHub issues GitHub closed issues GitHub pull requests GitHub closed pull requests

Development with Node.js

Start a shell such as PoworShell and navigate to the root of the project.

Installing packages

Install the Node.js package.

yarn install

Execution of development tasks

Execute the following command.

yarn dev

The following URL will take you to the screen.

http://localhost:3000/

  • Press "Ctrl + C" to stop

Execution of Storybook

Execute the following command.

yarn storybook

The following URL will take you to the screen.

http://localhost:6006/

  • Press "Ctrl + C" to stop

Build

Execute the following command to execute the build.

yarn build

Syntax Check

yarn lint

Formatter

Check

yarn prettier

Check and Format

yarn prettier:fix

Formatter (SCSS)

Check

yarn stylelint

Check and Format

yarn stylelint:fix

Development with Docker

Start a shell such as PoworShell and navigate to the root of the project.

Launching Containers

The container is started by executing the following command.

docker compose up -d

Installing packages

Install the Node.js package.

docker compose exec node yarn install

Execution of development tasks

Execute the following command.

docker compose exec node yarn dev

The following URL will take you to the screen.

http://localhost:3000/

  • Press "Ctrl + C" to stop

Execution of Storybook

Execute the following command.

docker compose exec node yarn storybook

The following URL will take you to the screen.

http://localhost:6006/

  • Press "Ctrl + C" to stop

Build

Execute the following command to execute the build.

docker compose exec node yarn build

Stopping Containers

Execute the following command to stop the container.

docker compose down

Syntax Check

docker compose exec frontend yarn lint

Formatter

Check

docker compose exec frontend yarn prettier

Check and Format

docker compose exec frontend yarn prettier:fix

Formatter (SCSS)

Check

docker compose exec frontend yarn stylelint

Check and Format

docker compose exec frontend yarn stylelint:fix

About

React can be used to generate human readable HTML for static site generation.

Resources

Stars

Watchers

Forks

Packages

No packages published