blog of Sébastien TIMONER
All articles
🇫🇷🇪🇸🇩🇪🇮🇹🇨🇳🇮🇳🇯🇵
mailgithublinkedinrss
Sébastien Timoner
© 2025
•
timoner.com
  1. Home
  3. iot
  5. [Work in Progress] Building an IoT Web Interface with Zephyr OS and Next.js

[Work in Progress] Building an IoT Web Interface with Zephyr OS and Next.js

12/30/2024
Available in :

Share this article

FacebookXLinkedIn
Sébastien Timoner

Sébastien TIMONER

Lead Developer
Custom Development Expert
Aix-en-Provence, France
Mon Univers : Projets, Rendez-vous et Ressources
GitHub - @offroadlabs
LinkedIn
X - @sebtimoner
sebastien@timoner.com

Expert in web development and team management, I specialize in creating and optimizing high-performance digital solutions. With extensive expertise in modern technologies like React.js, Node.js, TypeScript, Symfony, and Zephyr OS for IoT, I ensure the success of complex SaaS and IoT projects, from design to production, for companies across various sectors, at offroadLabs.

At offroadLabs, I offer custom development services that combine technical expertise with a collaborative approach. Whether creating an innovative SaaS solution, developing IoT systems with Zephyr OS, modernizing an existing application, or supporting the upskilling of a team, I am committed to delivering robust and high-performance solutions tailored to the specific needs of each project.

I am available for projects in the Aix-en-Provence area or fully remote.

I'm currently working on a detailed article that will explain how to create an IoT web interface using:

  • Zephyr OS for the embedded system
  • Next.js for the web interface
  • A modern and secure architecture

In this article, we'll explore:

System Architecture

  • Using Zephyr RTOS with C++17 for embedded systems
  • Redis integration for data persistence
  • WebSocket server setup for real-time updates
  • REST API implementation with HTTP gateway
  • Modern web interface development with Next.js 15

Technical Deep Dive

  • Modern C++ programming in embedded context
  • Real-time timers and threads implementation
  • Network communication via sockets
  • React Server Components and App Router usage
  • TypeScript and Tailwind CSS integration
  • Real-time communication via WebSocket

Development Environment

  • Docker containerization
  • Consistent development environment setup
  • Logging and monitoring management

The source code of the project that will be detailed in this article is already available on GitHub: Traffic Lights. This project demonstrates a complete implementation of the integration between Zephyr OS and a web interface.

If you're eager to see a concrete example, you can directly check out the repository: https://github.com/offroadlabs/traffic-lights/

Stay tuned for the complete article!