Skip to content

Projectstructuur

Tijdens dit project ga je zowel een frontend- als een backend-applicatie maken, het startproject is daarop voorbereid. De frontend-applicatie is je website, de backend-applicatie is je API. Op deze pagina willen we graag de structuur toelichten.

De term root-map

Als we het in teksten over de root-map hebben, bedoelen we de map van de repository zelf. In deze map vind je onder andere de README.md, src-map, docs-map, enzovoorts!

In de root van je repository vind je de volgende dingen die van belang zijn:

  • docs - Hier komen alle Markdown-bestanden die nodig zijn voor de documentatie-website.
  • src
    • api
      • src - Alle TypeScript-code voor de API.
      • .env - Dit bestand bevat informatie die per omgeving (lokaal, development, live) eventueel overschreven moet worden.
      • package.json - Dit bestand regelt onder andere welke NPM packages voor Node.js je wilt installeren en gebruiken in je API
    • shared - Alle code die wordt gedeeld tussen de frontend- en backend-applicatie.
    • web
      • src - Alle TypeScript-code voor de website.
      • wwwroot - Alle HTML, CSS, afbeeldingen die je nodig hebt op je website.
      • .env - Dit bestand bevat informatie die per omgeving (lokaal, development, live) eventueel overschreven moet worden.
      • package.json - Dit bestand regelt onder andere welke NPM packages voor Node.js je wilt installeren en gebruiken in je website.
  • package.json - Dit bestand regelt onder andere welke NPM packages voor Node.js je globaal wilt installeren en gebruiken in je project.

Er staan nog veel meer bestanden in het startproject, maar kennis daarvan is verder niet van belang voor het project.

Je kunt in de shared-map .ts-bestanden plaatsen en deze vervolgens in zowel je website- als API-project importeren en gebruiken. Waarom dat handig is kom je vanzelf achter!