suatyargici/food-ordering

Full stack project with Node.js

Scripts

Run the development server

yarn dev

Building for production

yarn build

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}.jsx
  ...📂 {page}
     ...📄 {Component}.jsx

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

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

📂 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.