Full Stack Application Architecture: Spring Boot 3, Vite & Backbone
In this video we put together a complete full stack web application using Java Spring Boot to handle server-side requests, and some small Backbone.js code to handle JavaScript interaction as a frontend.
We're using a modern bundler called Vite to handle the dev and bundling of our JavaScript, and finally Maven to package everything together with our server when packaged up.
I hope you had some fun with this tutorial!
👉👉Grab the source (on github): https://t.ly/lhEZC
🔗Grab My Other Products Available:
Build Your First Web Service API Using Java Spring Boot https://wazoowebbytes.gumroad.com/l/x...
👋🏻Connect with me:
Twitter: / eyuzwa
🔗Resources & Links mentioned in this video:
Spring Initializr: https://start.spring.io/
Vite: https://vitejs.dev/guide/
Backbone.js: https://backbonejs.org/
Credits:
I've been using a variation of the same templateFromUrl first mentioned here on Stackoverflow (https://stackoverflow.com/a/19766275) - I've just been heavily modifying it for whatever project I've been on
===---=== Concepts & Technologies ===---===
MVC
Fullstack Application
Spring Boot 3
Vite
Backbone.js
Maven
===---=== Chapters ===---===
0:00:00 - introduction
0:03:30 - start.spring.io
0:04:36 - opening project
0:05:35 - application.properties
0:07:13 - spa controller
0:08:20 - rest controller
0:10:48 - vite template
0:12:51 - npm run dev
0:13:52 - install frontend deps
0:14:25 - vite.config.js
0:18:15 - setting up router
0:24:48 - setting up default view
0:35:27 - templateFromUrl function
0:40:55 - setting up about view
0:45:45 - event handler
0:52:15 - calling the api
0:55:20 - setting up a proxy
0:58:28 - packaging in pom.xml
#Java
#SpringBoot
#Fullstack