-
Notifications
You must be signed in to change notification settings - Fork 0
Developer Learning Resources
phawatboom edited this page Apr 9, 2025
·
5 revisions
- https://react.dev/learn/tutorial-tic-tac-toe
- https://nextjs.org/learn/react-foundations
- https://nextjs.org/learn/dashboard-app
| Tech | Purpose |
|---|---|
| Next.js | Full-stack React framework – used to build the frontend UI and backend APIs. |
| Payload CMS | Headless CMS – manages all structured content (e.g. trips, reports, gear). |
| TailwindCSS | Utility-first CSS – handles responsive design and styling. |
| Docker | Used to containerize and deploy the app. |
| TypeScript | Ensures type safety and better developer tooling. |
| ESLint + Prettier | Code formatting and linting for consistency. |
- [🔗 45-min NextJS Tutorial - covering 12 Key Concepts](https://www.youtube.com/watch?v=vwSlYG7hFk0)
- [🔗 12-min Introduction To Next.js](https://www.youtube.com/watch?v=Sklc_fQBmcs)
- [📁 Project Structure](https://nextjs.org/docs/app/getting-started/project-structure)
- [🧭 Routing Fundamentals](https://nextjs.org/docs/app/building-your-application/routing)
- [📐 Layouts & Pages](https://nextjs.org/docs/app/getting-started/layouts-and-pages)
- [🔗 Linking and Navigating](https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating)
- [📌 Dynamic Routes](https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes)
- [⚙️ Rendering](https://nextjs.org/docs/app/building-your-application/rendering)
- [🧩 Composition Patterns](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns)
- [📚 Concepts](https://payloadcms.com/docs/getting-started/concepts)
- [🗃️ Collections](https://payloadcms.com/docs/configuration/collections)
- [🧩 Fields](https://payloadcms.com/docs/fields/overview)
- [🔐 Access Control](https://payloadcms.com/docs/access-control/overview)
- [🖥️ Admin Dashboard](https://payloadcms.com/docs/admin/overview)