> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tuturuuu.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Part 7: Next Steps

> Continue your learning journey and contribute to NCT Club projects

<Info>
  ⏱️ **Duration**: 5 minutes | Congratulations on completing the workshop! 🎉
</Info>

## 🎉 What You've Learned

In just 2 hours, you've covered:

| Topic                | What You Learned                                         |
| -------------------- | -------------------------------------------------------- |
| **Web Fundamentals** | HTML structure, CSS styling, JavaScript interactivity    |
| **Tailwind CSS**     | Utility-first styling, responsive design                 |
| **TypeScript**       | Type safety, interfaces, catching bugs early             |
| **React**            | Components, props, state, event handling                 |
| **Next.js**          | File-based routing, server/client components, API routes |
| **AI SDK**           | Structured data generation with Zod schemas              |

***

## 📚 Continue Learning

<CardGroup cols={2}>
  <Card title="Next.js Learn" icon="graduation-cap" href="https://nextjs.org/learn">
    Free, interactive course - highly recommended!
  </Card>

  <Card title="Next.js Docs" icon="book" href="https://nextjs.org/docs">
    Complete reference documentation
  </Card>

  <Card title="Tailwind CSS" icon="palette" href="https://tailwindcss.com/docs">
    All utilities and components
  </Card>

  <Card title="AI SDK Guide" icon="robot" href="https://ai-sdk.dev/docs">
    Build more AI-powered features
  </Card>

  <Card title="React Docs" icon="atom" href="https://react.dev">
    Official React documentation
  </Card>

  <Card title="TypeScript Handbook" icon="code" href="https://www.typescriptlang.org/docs/handbook/">
    Deep dive into TypeScript
  </Card>
</CardGroup>

***

## 🛠️ Tools & Resources

### Development Tools

| Tool        | Purpose                                   | Link                                                   |
| ----------- | ----------------------------------------- | ------------------------------------------------------ |
| **Bun**     | Fast JavaScript runtime & package manager | [bun.sh](https://bun.sh)                               |
| **VS Code** | Recommended code editor                   | [code.visualstudio.com](https://code.visualstudio.com) |
| **Vercel**  | Deploy Next.js apps easily                | [vercel.com](https://vercel.com)                       |

### Recommended VS Code Extensions

* [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
* [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
* [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
* [TypeScript Hero](https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero)

***

## 🚀 Contribute to Open Source

Ready to apply your skills? Both RMIT NCT and Tuturuuu are open for contributions!

### RMIT NCT Hub

<Card title="RMIT NCT Hub" icon="github" href="https://github.com/rmit-nct/hub">
  The official NCT Club platform repository
</Card>

```bash theme={null}
# Clone NCT Hub
git clone https://github.com/rmit-nct/hub.git
cd hub && bun install && bun dev
```

<Note>
  **Our Mission**: Help NCT become the **best technology club at RMIT**. Every contribution you make helps fellow students learn, grow, and become the best versions of themselves. Together, we're building something that matters!
</Note>

***

### Tuturuuu Platform

<Card title="Tuturuuu Platform" icon="github" href="https://github.com/tutur3u/platform">
  The platform that powers tuturuuu.com
</Card>

```bash theme={null}
# Clone Tuturuuu Platform
git clone https://github.com/tutur3u/platform.git
cd platform && bun install && bun dev
```

<Note>
  **Our Vision**: Tuturuuu aims to **build a better world for everyone, everywhere**—starting with how you work. By contributing, you're not just writing code; you're helping shape the future of productivity and collaboration. 🌏
</Note>

***

### Good First Issues

Look for issues labeled `good first issue` on GitHub - these are perfect for newcomers!

<CardGroup cols={2}>
  <Card title="NCT Hub Issues" icon="github" href="https://github.com/rmit-nct/hub/issues">
    Find issues on NCT Hub
  </Card>

  <Card title="Tuturuuu Issues" icon="github" href="https://github.com/tutur3u/platform/issues">
    Find issues on Tuturuuu
  </Card>
</CardGroup>

***

## 🏗️ Project Ideas

Build these to practice your skills:

<CardGroup cols={2}>
  <Card title="Personal Portfolio" icon="user">
    Showcase your projects with Next.js and Tailwind
  </Card>

  <Card title="To-Do App" icon="check">
    Practice React state management
  </Card>

  <Card title="Blog" icon="newspaper">
    Build with Next.js file-based routing
  </Card>

  <Card title="AI Flashcard Generator" icon="robot">
    Combine AI SDK with structured data
  </Card>
</CardGroup>

***

## 📢 Stay Connected

### RMIT SGS Neo Culture Technology Club

<CardGroup cols={2}>
  <Card title="Website" icon="globe" href="https://rmitnct.club">
    Visit our platform
  </Card>

  <Card title="GitHub" icon="github" href="https://github.com/rmit-nct">
    Follow our open-source work
  </Card>
</CardGroup>

### Tuturuuu

<CardGroup cols={2}>
  <Card title="Website" icon="globe" href="https://tuturuuu.com">
    Learn more about Tuturuuu
  </Card>

  <Card title="GitHub" icon="github" href="https://github.com/tutur3u/platform">
    Explore the codebase
  </Card>
</CardGroup>

***

## 💡 Quick Reference Card

Save this for later:

```
# Create a Next.js app
bunx create-next-app@latest my-app

# Start development
cd my-app && bun dev

# Project structure
app/page.tsx        → Home page
app/about/page.tsx  → /about page
app/api/*/route.ts  → API routes

# Key packages
bun add tailwindcss  → Styling
bun add ai zod       → AI SDK
```

***

## 💼 Join Tuturuuu

Interested in what we're building for the future of work?

<Card title="Tuturuuu Careers" icon="briefcase" href="https://tuturuuu.com/careers">
  Explore open positions and join our team
</Card>

Send your CV to **[careers@tuturuuu.com](mailto:careers@tuturuuu.com)**. We can't wait to see what's next for you, Tuturuuu, and potentially, **us**. ✨

***

## 🙏 Thank You!

Thank you for joining this workshop! Remember:

> **"The best way to learn is by building."**

Start with small projects, make mistakes, learn from them, and keep building. We can't wait to see what you create!

***

<Note>
  **Questions?** Reach out to your club officers or join the community Discord. We're here to help!
</Note>

**[← Back to Workshop Overview](/learn/workshops/nextjs-workshop/overview)**