Tur-Filo website React Next Js web app

For more info about the project initial configuration, features and tools head to https://github.com/ouedyan/nextjs-template.

Scripts

Run the development server

yarn dev

Building for production

yarn build

Building for production and static deploying to GitHub Pages (gh-pages branch)

yarn deploy

Run in production mode

yarn start

Run Storybook server

yarn storybook

Build Storybook as a static web application

yarn build-storybook

Project directory structure

Main folder structure

📂 components
  ...📄 {Component}.tsx
  ...📂 {page}
     ...📄 {Component}.tsx

📂 lib
  📂 data
    ...📄 {service}.ts
  📂 types
    ...📄 {type}.ts

📂 pages
  📂 api
    ...📄 {apiPath}.ts
  _app.tsx ?
  _document.tsx ?
  ...📄 {path}.ts

📂 public
  📂 icons
  📂 images
  📄 favicon.ico
  📄 robots.txt
  
📂 stories
  ...📄 {Component}.stories.tsx
  ...📂 {page}
     ...📄 {Component}.stories.tsx

📂 styles
  📄 globals.scss

Project's main tech stack useful resources

React

• W3Schools React tutorial - Step-by-step guide to learning React.
• React new Docs - react official documentation (in beta).
• React old Docs - react official documentation (to be replaced).

Next.js

• Learn Next.js - the best way to start with next.js if you are new.
• Next.js Docs - learn about Next.js features and API.

Tailwind Css

• Tailwind Docs - Tailwind Css official documentation and reference.
• Tailwind with Next.js guide - Tailwind installation guide with Next.js.

Typescript

• W3Schools Typescript tutorial - Step-by-step guide to learning Typescript.