📅 Tuesday, December 16, 2025 | ⏰ 1:45 PM – 4:00 PMDuration: ~2 hours of content + time for Q&A and free exploration | Level: Beginner-friendly
🤝 A Collaboration
This workshop is a collaboration between Tuturuuu and RMIT SGS Neo Culture Technology Club. Next.js is the core technology powering the club’s digital infrastructure. This workshop is an essential step for any member who wishes to dive deep into advanced web development and eventually contribute to the club’s open-source projects.🏆 Powered by Next.js
Next.js is trusted by industry leaders worldwide:Global Brands
TikTok, Nike, Notion, Anthropic, LG, and many more.
Tuturuuu
Extensively uses Next.js across all its products and platforms.
rmitnct.club
NCT Club’s official platform—a fork of tutur3u/platform.
Neo League 2025
NCT Club’s first-ever scale-3 event on Nova.
👨🏫 Your Instructor
- Chairman, Founder & CEO @ Tuturuuu
- Former Technical Vice President (Generation 6) @ RMIT SGS Neo Culture Technology Club
A Personal Story: “I started my journey the hard way—jumping straight into Next.js, skipping HTML, CSS, and JavaScript entirely! I built my first personal website vohoangphuc.com, which slowly inspired me to build something for everyone else: tuturuuu.com. By the end of my first year, what started as humble steps turned into a platform. Today, you’re learning the foundations I wish I had learned first!”
🎯 What You’ll Learn
By the end of this 2-hour session, you’ll understand:- Web fundamentals: How HTML, CSS, and JavaScript work together
- Modern styling: Building beautiful UIs with Tailwind CSS
- Type safety: Writing reliable code with TypeScript
- Component-based development: Building UIs with React
- Full-stack framework: Creating production-ready apps with Next.js
- AI integration: Generating structured data with Vercel AI SDK
⏱️ Session Timeline
| Actual Time | Topic | Offset | Duration |
|---|---|---|---|
| 1:45 PM | Welcome & Setup | 0:00 | 10 min |
| 1:55 PM | Web Fundamentals | 0:10 | 15 min |
| 2:10 PM | Tailwind CSS | 0:25 | 15 min |
| 2:25 PM | TypeScript | 0:40 | 15 min |
| 2:40 PM | ☕ Break | 0:55 | 5 min |
| 2:45 PM | React Basics | 1:00 | 20 min |
| 3:05 PM | Next.js | 1:20 | 25 min |
| 3:30 PM | AI SDK | 1:45 | 10 min |
| 3:40 PM | Next Steps | 1:55 | 5 min |
| 3:45 PM | 🎯 Q&A & Free Exploration | 2:00 | 15 min |
🛠️ Prerequisites
All you need is a laptop! We’ll guide you through everything else.Recommended Setup
Before the workshop, please install:-
Bun - A fast JavaScript runtime and package manager
- Visual Studio Code - Our recommended code editor
- VS Code Extensions (optional but helpful):
📚 Resources
Throughout this workshop, we’ll reference these resources:Beginner Tutorials (W3Schools)
| Technology | Tutorial |
|---|---|
| HTML | w3schools.com/html |
| CSS | w3schools.com/css |
| JavaScript | w3schools.com/js |
Official Documentation
| Technology | Documentation |
|---|---|
| TypeScript | TypeScript Handbook |
| Next.js | nextjs.org/docs |
| Tailwind CSS | tailwindcss.com |
| Vercel AI SDK | ai-sdk.dev |
| Bun | bun.sh |