New SINFO webapp, made with Next.js.
- Clone project
yarn installto install all dependenciesyarn devto run server (runs on port 3000 by default)
The following takes you through all the directories in the "src" directory and their intended usage:
Stores all code related to the pages of the webapp, organized by directories.
Each directory in the "app" directory is mapped automatically to a route by Next.js (given that it contains a page.ts or route.ts file). For example, "app/contact/page.ts" maps to the route with path "/contact".
The "app/(root)/page.ts" maps to the route with path "/".
More on Next.js routing here.
Stores all static assets such as images, documents etc.
Stores any reusable components, like buttons and UI components, that are not specific to any one page of the app and may be used throughout the application.
Stores files related to Context API.
Stores files related to data fetching, external API calls, etc.
Stores all project stylesheet files (CSS & SCSS files).
Contains TypeScript type definitions.
More directories may be added for efficient project organization on as-needed basis.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- Youtube: The Net Ninja