Search icon
Subscription
0
Cart icon
Close icon
You have no products in your basket yet
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Building Real-World Web Applications with Vue.js 3

You're reading from  Building Real-World Web Applications with Vue.js 3

Product type Book
Published in Jan 2024
Publisher Packt
ISBN-13 9781837630394
Pages 318 pages
Edition 1st Edition
Languages
Author (1):
Joran Quinten Joran Quinten
Profile icon Joran Quinten

Table of Contents (17) Chapters

Preface 1. Part 1: Getting Started with Vue.js Development
2. Chapter 1: Introduction to Vue.js 3. Chapter 2: Creating a Todo List App 4. Chapter 3: Building a Local Weather App 5. Chapter 4: Creating the Marvel Explorer App 6. Part 2: Intermediate Projects
7. Chapter 5: Building a Recipe App with Vuetify 8. Chapter 6: Creating a Fitness Tracker with Data Visualization 9. Chapter 7: Building a Multiplatform Expense Tracker Using Quasar 10. Part 3: Advanced Applications
11. Chapter 8: Building an Interactive Quiz App 12. Chapter 9: Experimental Object Recognition with TensorFlow 13. Part 4: Wrapping Up
14. Chapter 10: Creating a Portfolio with Nuxt.js and Storyblok 15. Index 16. Other Books You May Enjoy

The SQA

To organize all our applications, we’ll create subfolders for every project in our chapters’ root folder. Since this app will run on Nuxt, we can use the Nuxi CLI to install our project for us. From the root of our project, we’ll run the following command in the command line:

npx nuxi@latest init server

We’ll simply pick npm as our package manager. Once the installation is done, navigate to the server folder and run npm run dev to start the application. By default, it will run on port 3000. Upon opening the URL in your browser, you should see something like this:

Figure 8.2 – The welcome screen of a fresh Nuxt installation

Figure 8.2 – The welcome screen of a fresh Nuxt installation

While this may not look like much, please inspect the source of this page. Instead of rendering a virtual DOM to a <div id="app" /> element, Nuxt runs as a Node.js process, which (among other things) means that it supports server-side rendering of Vue components! This can...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €14.99/month. Cancel anytime}