Next.js WebContainer using webcontainer from StackBlitz

🚀 Live Demo: Next.js WebContainer

Welcome to the Next.js WebContainer! This project demonstrates the power of WebContainers by providing an interactive, in-browser development environment for Next.js applications.

🌟 Features

• 📝 In-browser code editor with syntax highlighting
• 🖥️ Live preview of your Next.js application
• 📦 Real-time npm package installation
• 🚀 Instant server startup and hot reloading
• 💻 Fully functional terminal for command execution
• 🌓 Dark/Light mode toggle

🛠️ Technologies Used

• Next.js 14
• React
• TypeScript
• WebContainer API
• Xterm.js
• Tailwind CSS
• Shadcn UI

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/xKevIsDev/nextjs-webcontainer.git
   

2. Install dependencies:

   cd nextjs-webcontainer
   npm install
   

3. Run the development server:

   npm run dev
   

4. Open http://localhost:3000 in your browser to see the result.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📜 License

This project is MIT licensed.

🙏 Acknowledgements

• WebContainer API
• Next.js
• Shadcn UI

📬 Contact

@KevIsDev

Project Link: [https://github.com/KevIsDev/nextjs-webcontainer]

---

Happy coding! 🎉