• Next.js
• ReactJS
• TypeScript
• Stitches
• Eslint
• Prettier
• Storybook

npx degit https://github.com/explowstudio/nextjs-template [name]

yarn

or

npm install

yarn dev

or

npm run dev

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

• dev: run development server
• build: creates the production build version
• lint: runs the linter in all components and pages
• storybook: runs storybook on localhost:6006
• build-storybook: create the build version of storybook

It's important to note that the folder structure is just a base, and may vary between projects.

The layouts folder is used for the pages layouts.

- layouts
  - Layout
    - index.ts
    - Layout.tsx
    - Layout.styles.ts
    - Layout.stories.tsx
    - Layout.test.tsx
  - index.ts

The ui folder is used for the global components.

- ui
  - Component
    - index.ts
    - Component.tsx
    - Component.styles.ts
    - Component.stories.tsx
    - Component.test.tsx
  - index.ts