https://github.com/daggerok/spring-boot-nuxt-spa

This repository contains simple example of using spring-boot 2.x + nuxt.js (vue / vuetify) SPA with not-found routes configured on backend and frontend.
https://github.com/daggerok/spring-boot-nuxt-spa

gradle nuxt nuxtjs spring-boot spring-boot-2

Last synced: 3 months ago
JSON representation

This repository contains simple example of using spring-boot 2.x + nuxt.js (vue / vuetify) SPA with not-found routes configured on backend and frontend.

• Host: GitHub
• URL: https://github.com/daggerok/spring-boot-nuxt-spa
• Owner: daggerok
• License: mit
• Created: 2018-04-28T19:48:36.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2024-08-05T20:18:55.000Z (almost 2 years ago)
• Last Synced: 2025-10-20T04:54:49.846Z (8 months ago)
• Topics: gradle, nuxt, nuxtjs, spring-boot, spring-boot-2
• Language: Vue
• Homepage:
• Size: 331 KB
• Stars: 25
• Watchers: 2
• Forks: 11
• Open Issues: 1
• Metadata Files:
  • Readme: README.adoc
  • License: LICENSE

Awesome Lists containing this project

README

          
= spring-boot-nuxt-spa image:https://travis-ci.org/daggerok/spring-boot-nuxt-spa.svg?branch=master["Build Status", link="https://travis-ci.org/daggerok/spring-boot-nuxt-spa"]

Key points here is:

. add `org.springframework.boot:spring-boot-starter-thymeleaf` dependency in link:/build.gradle[`build.gradle`]

. point templates configuration `spring.thymeleaf.prefix=classpath:/public/` to public folder in link:tree/master/src/main/resources/application.properties[`src/main/resources/application.properties`]

. during SPA build copy result `index.html` as `src/main/resources/public/error/4xx.html` and `src/main/resources/public/error/5xx.html` to handle errors with frontend app

. in vue.js frontend app configure error layout in link:tree/master/frontend/layouts/error.vue[`frontend/layouts/error.vue`]

links:

* link:https://axios.nuxtjs.org[axios nuxt.js]

* link:https://nuxtjs.org/guide/views/[nuxt.js views / error layout]

* link:https://nuxtjs.org/guide/routing[nuxt.js fallback routing / not-found page]

* link:https://vuetifyjs.com/ru/[Vuetify]

other links to read:

* link:https://github.com/matsp/material-components-vue[material-components-vue]

* link:https://github.com/stasson/vue-mdc-adapter[vue-mdc-adapter]

* link:https://github.com/daggerok/typescript-ionic-nuxt-app[GitHub: daggerok/typescript-ionic-nuxt-app]

* link:https://github.com/daggerok/webflux-kotlin-nuxt-app[GitHub: daggerok/webflux-kotlin-nuxt-app]

* link:https://github.com/daggerok/vue-ionic-example[GitHub: daggerok/vue-ionic-example]

* link:https://github.com/daggerok/ionic-nuxt-app[GitHub: daggerok/ionic-nuxt-app]

* link:https://github.com/daggerok/nuxt-examples[GitHub: daggerok/nuxt-examples]

* link:https://github.com/daggerok/vue-examples[GitHub: daggerok/vue-examples]