Template using Next.js + TypeScript

What is inside?

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

Getting Started

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

Install dependencies:

yarn

or

npm install

Run development server

yarn dev

or

npm run dev

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

Commands

• 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

Folder structure

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

Layouts Components

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

User Interface Components

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

TODO

• [] Seção "Como podemos ajudar o seu negócio"
• [] Atualizar logos de parceiros
• [] Nova seção de projetos
  • [] Página de detalhes do projeto
  • [] Upload de projetos (CMS)
• [] Atualizar seção de testimonials
• [] Atualizar footer