Lunor: A Domain-Specific Language with Language Server Protocol Support for Rapid Prototyping of Front-End Web Applications

Modern web application development using frameworks such as React often requires writing a significant amount of initial code before reaching the stage where development becomes engaging. To address this, we developed Lunor, a domain-specific language that can be used in the early phases of front-end development by allowing developers to describe web interfaces in a clear, human-readable syntax that incorporates Markdown for defining the content of a web application. The proposed solution integrates three key components: the Lunor language definition, a template-based code generation, and a Visual Studio Code (VS Code) extension built on the Language Server Protocol, forming a comprehensive environment for efficient web development. Lunor enables rapid prototyping and the creation of simple, yet fully functional web applications, while the generated code remains compatible with standard web technologies for further expansion. Lunor demonstrates that domain-specific languages can simplify front-end web development effectively and integrate seamlessly into the modern web development process.