Learn Robotics is a Next.js website for self-studying robotics. The goal is to combine a staged curriculum guide, links to high-quality learning resources, and follow-along projects that help learners build visible proof of skill.
- Next.js App Router
- React
- Tailwind CSS
- shadcn/ui-style local components
- Vercel hosting
Install dependencies and start the Next dev server:
npm install
npm run devThen open http://localhost:3000.
Vercel should auto-detect this as a Next.js project. Connect the GitHub repo in Vercel, keep the default build command npm run build, and deploy from main.
- app/ - Next App Router pages, layout, and global styles.
- components/ - React sections and shadcn-style UI components.
- data/ - curriculum, resource, and project content used by the site.
- public/images/ - public website images.
- curriculum/ - the four-stage robotics curriculum guide.
- resources/ - links to courses, books, docs, tools, and references.
- projects/ - follow-along project ideas and project format notes.
- WEBSITE_ROADMAP.md - how this repo can grow from a static page into a larger content site.
The site should help a learner answer three questions:
- What should I learn next?
- Which resources are worth my time?
- What can I build to prove I understand it?
The first version keeps the content model simple while using the same stack planned for production.