I can render the `index.html` when I visit `<http://localhost:8080/index.html>` but what I would lik...

# spring

[Kush Patel]

I can render the index.html when I visit <http://localhost:8080/index.html> but what I would like to do is render the index.html when I visit <http://localhost:8080/> . Any insight would be helpful. Thanks!

[sdeleuze]

Hey, glad you like it 🙂 You can try something like this https://github.com/sdeleuze/spring-kotlin-fullstack/blob/master/backend/src/main/kotlin/backend/Application.kt#L28 as a start.

[sdeleuze]

If you want the redirection not to be visible on client side, I am not sure we support that yet. Let me check.

[Kush Patel]

Thank you for the example! I am actually looking for the redirection not to be visible on the client side but if it’s not possible yet, that’s okay

[sdeleuze]

Yeah I will have a deeper look and let you know.

[Kush Patel]

👌 Thank you sir

[sdeleuze]

Oh but wait here I think you just forgot to enable view rendering.

[sdeleuze]

If you use Mustache or Thymeleaf you should configure it explicitly.

[sdeleuze]

with mustache() for example.

[sdeleuze]

Without that no view rendering is configured.

[sdeleuze]

Since Spring Fu requires by design explicit configuration.

[Kush Patel]

Hmm, if am not using a templating engine like Mustache or Thymeleaf, is the explicit configuration still necessary?

[sdeleuze]

Client side rendering?

[sdeleuze]

If client side rendering you should not use ServerResponse.ok().render("index")

[sdeleuze]

That's server-side rendering

[Kush Patel]

Nope, not client side, I’d like to render my views server-side

[sdeleuze]

So what engine do you want to use?

[Kush Patel]

Sorry, let me provide a bit of context here. I’m building a React app and a Spring app in a single jar, where the React build file (index.html) is copied to the spring gradle build/resources/static folder. The goal is to use a single spring endpoint to render the react app server side

[Kush Patel]

So maybe a new question, do I need to be using a templating to render the react app server-side?

[sdeleuze]

If you are using a React app, it needs to be rendered client side since React is a JS framework. We don't support server-side rendering of React apps unless there is support for that in the community.

[sdeleuze]

So I guess there is some confusion unrelated to Spring Fu here.

[sdeleuze]

It is possible to serve /index.html when / is requested with redirect views, maybe that's what you try to achieve?

[Kush Patel]

Yes that’s something I’d like to do, serve index.html when / is requested

[Kush Patel]

Sorry for the confusion

[sdeleuze]

Ok so not sure we expose that yet, I will discuss that within the team.

[Kush Patel]

Wonderful! Again, thanks for answering my questions, really appreciate it and the work on spring-fu

[Kush Patel]

Actually, for what I want to do, I think I got it to work

[Kush Patel]

Using Spring annotations:

@Configuration
class UiController {

    @Bean
    fun redirectToUiRoute() = router {
        GET("/") {
            ServerResponse.permanentRedirect(URI("/ui")).build()
        }
        GET("/ui") {
            ServerResponse.ok()
                .contentType(MediaType.TEXT_HTML)
                .body(ClassPathResource("static/index.html"))
        }
    }
}

[Kush Patel]

When I visit, the /ui or /, it will render the react app server-side

[Kush Patel]

Using Spring-fu:

val app: KofuApplication = webApplication {
    webMvc {
        converters {
            resource()
        }

        router {
            GET("/") {
                ServerResponse.permanentRedirect(URI("/ui")).build()
            }
            GET("/ui") {
                ServerResponse.ok()
                    .contentType(MediaType.TEXT_HTML)
                    .body(ClassPathResource("static/index.html"))
            }
        }
    }
}