Video Thumbnail

Sign up for a plan to instantly unlock all premium lessons.

UNLOCK LESSON

Premium Features

Download Video

Refactor Into Single Page App

Published 3 years ago

To create a seamless transition into a separate page on our site, we're going to need to use a single page framework like Nuxt or Next.js. Since Nuxt uses Vue, it is by default a much easier framework to use in my opinion, so we'll be going with that.

To get our three.js piece working in Nuxt, we need to do quite a bit of refactoring, mainly because Nuxt renders its HTML on the server side of things for enhanced performance and SEO. It's a bit of extra work, but by doing so, we'll be able to utilize Nuxt's wonderful routing system that'll load only the exact content we need without ever having to do a full page refresh.

Follow along and let me guide you through the complete refactor process to get three.js working in a real-world project.

Comments

Want to participate?

Create a free Chris Courses account to begin

Login
H
HarryQuasar posted a month ago
0
EJTexas posted a year ago
0
T
Tanner posted a year ago
0
T
Tanner posted a year ago
0
f
flight505 posted a year ago
0
f
flight505 posted a year ago
0
chris posted a year ago
0
g
gjhammt posted a year ago
0
A
A1010 posted 2 years ago
0
chris posted 2 years ago
0
A
A1010 posted 2 years ago
0
chris posted 2 years ago
0
chris posted 2 years ago
0

Providing the lift to launch your development career

© 2024 Chris Courses. All rights reserved.