This project was created from https://start.vaadin.com. It's a fully working Vaadin application that you continue developing locally. It has all the necessary dependencies and files to help you get going.
The project is a standard Maven project, so you can import it to your IDE of choice. You'll need to have Java 8+ and Node.js 10+ installed.
To run from the command line, use mvn and open http://localhost:8080 in your browser.
| Directory | Description |
|---|---|
frontend/ |
Client-side source directory |
index.html |
HTML template |
index.ts |
Frontend entrypoint, contains the client-side routing setup using Vaadin Router |
main-layout.ts |
Main layout Web Component, contains the navigation menu, uses App Layout |
views/ |
UI views Web Components (TypeScript) |
styles/ |
Styles directory (CSS) |
src/main/java/<groupId>/ |
Server-side source directory, contains the server-side Java views |
Application.java |
Server entrypoint |
vaadin.com has lots of material to help you get you started:
- Read the Quick Start Guide to learn the first steps of full stack Vaadin applications development.
- Follow the tutorials in vaadin.com/tutorials. Especially vaadin.com/tutorials/getting-started-with-flow is good for getting a grasp of the basic Vaadin concepts.
- Read the documentation in vaadin.com/docs.
- For a bigger Vaadin application example, check out the Full Stack App starter from vaadin.com/start.