cra-template-strangs

A quick start NextJS App template with Storybook TypeScript ReactJS Apollo NextJS GraphQL StyledComponent

Usage no npm install needed!

<script type="module">
  import craTemplateStrangs from 'https://cdn.skypack.dev/cra-template-strangs';
</script>

README

STRANGS Template with:

  • ✅ Storybook
  • ✅ TypeScript
  • ✅ ReactJS
  • ✅ Apollo
  • ✅ NextJS
  • ✅ GraphQL
  • ✅ StyledComponent
  • ⭐️ DOCKER

Getting Started

How to install

npx create-react-app <your-project-name> --template strangs

To run DEV Mode the server in local:

yarn OR npm install

yarn dev OR npm run dev

To run DEV Mode the server in docker:

  1. Change Dockerfile
....
# For Dev mode: 
#     CMD "yarn" "dev"
# For Prod mode: 
#     CMD "yarn" "start"
CMD "npm" "run" "dev"
  1. Run command
docker-compose up --build

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.