Hands-on Nuxt.js Web Development: Build universal and static-generated Vue.js applications using Nuxt.js
暫譯: 實作 Nuxt.js 網頁開發：使用 Nuxt.js 建立通用和靜態生成的 Vue.js 應用程式

Kok, Lau Tiam

Hands-on Nuxt.js Web Development: Build universal and static-generated Vue.js applications using Nuxt.js

買這商品的人也買了...

相關主題

商品描述

Learn Nuxt.js for building server-side rendered, static-generated, and production-ready Vue.js web applications with the help of practical examples

Key Features

  • Explore techniques for authentication, testing, and deployment to build your first complete Nuxt.js web app
  • Write cleaner, maintainable, and scalable isomorphic JavaScript web applications
  • Transform your Vue.js application into universal and static-generated web apps

Book Description

Nuxt.js is a progressive web framework built on top of Vue.js for server-side rendering (SSR). With Nuxt.js and Vue.js, building universal and static-generated applications from scratch is now easier than ever before.

This book starts with an introduction to Nuxt.js and its constituents as a universal SSR framework. You'll learn the fundamentals of Nuxt.js and find out how you can integrate it with the latest version of Vue.js. You'll then explore the Nuxt.js directory structure and set up your first Nuxt.js project using pages, views, routing, and Vue components. With the help of practical examples, you'll learn how to connect your Nuxt.js application with the backend API by exploring your Nuxt.js application's configuration, plugins, modules, middleware, and the Vuex store. The book shows you how you can turn your Nuxt.js application into a universal or static-generated application by working with REST and GraphQL APIs over HTTP requests. Finally, you'll get to grips with security techniques using authorization, package your Nuxt.js application for testing, and deploy it to production.

By the end of this web development book, you'll have developed a solid understanding of using Nuxt.js for your projects and be able to build secure, end-to-end tested, and scalable web applications with SSR, data handling, and SEO capabilities.

What you will learn

  • Integrate Nuxt.js with the latest version of Vue.js
  • Extend your Vue.js applications using Nuxt.js pages, components, routing, middleware, plugins, and modules
  • Create a basic real-time web application using Nuxt.js, Node.js, Koa.js and RethinkDB
  • Develop universal and static-generated web applications with Nuxt.js, headless CMS and GraphQL
  • Build Node.js and PHP APIs from scratch with Koa.js, PSRs, GraphQL, MongoDB and MySQL
  • Secure your Nuxt.js applications with the JWT authentication
  • Discover best practices for testing and deploying your Nuxt.js applications

Who this book is for

The book is for any JavaScript or full-stack developer who wants to build server-side rendered Vue.js apps. A basic understanding of the Vue.js framework will assist with understanding key concepts covered in the book.

商品描述(中文翻譯)

學習 Nuxt.js 以構建伺服器端渲染、靜態生成和生產就緒的 Vue.js 網頁應用程式，並透過實用範例進行學習

主要特點


  • 探索身份驗證、測試和部署的技術，構建您的第一個完整 Nuxt.js 網頁應用程式

  • 撰寫更乾淨、可維護且可擴展的同構 JavaScript 網頁應用程式

  • 將您的 Vue.js 應用程式轉換為通用和靜態生成的網頁應用程式

書籍描述

Nuxt.js 是一個基於 Vue.js 的進階網頁框架，用於伺服器端渲染 (SSR)。使用 Nuxt.js 和 Vue.js，從零開始構建通用和靜態生成的應用程式變得比以往任何時候都容易。

本書首先介紹 Nuxt.js 及其作為通用 SSR 框架的組成部分。您將學習 Nuxt.js 的基本原理，並了解如何將其與最新版本的 Vue.js 整合。接著，您將探索 Nuxt.js 的目錄結構，並使用頁面、視圖、路由和 Vue 組件設置您的第一個 Nuxt.js 專案。在實用範例的幫助下，您將學習如何通過探索 Nuxt.js 應用程式的配置、插件、模組、中介軟體和 Vuex 存儲，將您的 Nuxt.js 應用程式與後端 API 連接起來。本書展示了如何通過使用 REST 和 GraphQL API 進行 HTTP 請求，將您的 Nuxt.js 應用程式轉變為通用或靜態生成的應用程式。最後，您將掌握使用授權的安全技術，為測試打包您的 Nuxt.js 應用程式，並將其部署到生產環境。

在本書結束時，您將對使用 Nuxt.js 進行專案開發有堅實的理解，並能夠構建安全、端到端測試和可擴展的網頁應用程式，具備 SSR、數據處理和 SEO 功能。

您將學到什麼


  • 將 Nuxt.js 與最新版本的 Vue.js 整合

  • 使用 Nuxt.js 的頁面、組件、路由、中介軟體、插件和模組擴展您的 Vue.js 應用程式

  • 使用 Nuxt.js、Node.js、Koa.js 和 RethinkDB 創建基本的實時網頁應用程式

  • 使用 Nuxt.js、無頭 CMS 和 GraphQL 開發通用和靜態生成的網頁應用程式

  • 從零開始使用 Koa.js、PSRs、GraphQL、MongoDB 和 MySQL 構建 Node.js 和 PHP API

  • 使用 JWT 認證保護您的 Nuxt.js 應用程式

  • 發現測試和部署 Nuxt.js 應用程式的最佳實踐

本書適合誰

本書適合任何希望構建伺服器端渲染 Vue.js 應用程式的 JavaScript 或全端開發者。對 Vue.js 框架的基本理解將有助於理解書中涵蓋的關鍵概念。

作者簡介

Lau Tiam Kok, aka Lau Thiam Kok, is a cross-disciplinary full stack web developer/designer and analyst. He was born in Penang, Malaysia. His studies include a Bachelor of Applied Arts degree at University Malaysia Sarawak (1996 - 1999), and an MSc in Digital Futures at the Institute of Digital Art and Technology, University of Plymouth, UK (2002 - 2003). Lau has freelanced for more than 10 years for various individuals, institutions, and companies. He works with designers or independently, from designing layouts to coding the frontend and server-side programs to produce responsive websites. He also works collaboratively on air-quality monitoring projects for Citizen Sense (based in the United Kingdom), which uses R, openair, Shiny, MongoDB, RethinkDB, Express.js, Koa.js, Socket.IO and Nuxt.js for data analysis web apps and IoT data platforms.

作者簡介(中文翻譯)

劉添國（又名劉添國）是一位跨領域的全端網頁開發者/設計師及分析師。他出生於馬來西亞檳城。他的學歷包括在馬來西亞沙拉越大學獲得應用藝術學士學位（1996 - 1999），以及在英國普利茅斯大學數位藝術與科技研究所獲得數位未來碩士學位（2002 - 2003）。劉添國擁有超過10年的自由接案經驗，為各種個人、機構和公司工作。他與設計師合作或獨立工作，從設計佈局到編寫前端和伺服器端程式，以製作響應式網站。他還與Citizen Sense（總部位於英國）合作進行空氣品質監測專案，該專案使用R、openair、Shiny、MongoDB、RethinkDB、Express.js、Koa.js、Socket.IO和Nuxt.js來開發數據分析網頁應用程式和物聯網數據平台。

目錄大綱

  1. Introducing Nuxt
  2. Getting started with Nuxt
  3. Adding UI Frameworks
  4. Adding Views, Routes, and Transitions
  5. Adding Vue Components
  6. Writing Plugins and Modules
  7. Adding Vue Forms
  8. Adding a Server-side Framework
  9. Adding a Server-side Database
  10. Adding a Vuex Store
  11. Writing Route Middlewares and Server Middlewares
  12. Creating User Logins and API Authentication
  13. Writing End-to-End Tests
  14. Using Linters, Formatters, and Deployment Commands
  15. Creating an SPA with Nuxt
  16. Creating a Framework-Agnostic PHP API for Nuxt
  17. Creating a Real-Time App with Nuxt
  18. Creating a Nuxt App with a CMS and GraphQL

目錄大綱(中文翻譯)


  1. Introducing Nuxt

  2. Getting started with Nuxt

  3. Adding UI Frameworks

  4. Adding Views, Routes, and Transitions

  5. Adding Vue Components

  6. Writing Plugins and Modules

  7. Adding Vue Forms

  8. Adding a Server-side Framework

  9. Adding a Server-side Database

  10. Adding a Vuex Store

  11. Writing Route Middlewares and Server Middlewares

  12. Creating User Logins and API Authentication

  13. Writing End-to-End Tests

  14. Using Linters, Formatters, and Deployment Commands

  15. Creating an SPA with Nuxt

  16. Creating a Framework-Agnostic PHP API for Nuxt

  17. Creating a Real-Time App with Nuxt

  18. Creating a Nuxt App with a CMS and GraphQL

類似商品