Nuxt Juejin Project

Overview

The nuxt-juejin-project is a learning project that mimics the functionality of the Juejin website using Nuxt.js. It utilizes technologies such as Nuxt.js, Koa, Vuex, Axios, and Element-UI. The project syncs all data with Juejin, utilizing Koa as a middleware to forward the API requests. The project also includes server-side rendering using asyncData and incorporates various Nuxt.js configurations and techniques, including server-side rendering, API forwarding, route configuration, and authentication.

Features

• Nuxt.js framework for server-side rendering
• Koa middleware for API forwarding
• Vuex for state management
• Axios for making API requests
• Element-UI for UI components

Installation

To install the nuxt-juejin-project theme, follow these steps:

1. Clone the repository from GitHub:

git clone https://github.com/ChanWahFung/nuxt-juejin-project.git

2. Change into the project directory:

cd nuxt-juejin-project

3. Install the dependencies:

npm install

4. Start the project:

npm run dev

5. Access the project in your browser at http://localhost:8000

Note: if you experience slow cloning from GitHub in China, you can clone from Gitee instead:

git clone https://gitee.com/ChanWahFung/nuxt-juejin-project.git

Summary

The nuxt-juejin-project is a learning project that replicates the functionality of the Juejin website using Nuxt.js. It utilizes various technologies and techniques, including server-side rendering, API forwarding, and state management. The project provides a useful reference for learning server-side rendering workflows. However, it is important to note that the project is the author’s first time using Nuxt.js, so some details may not be optimal.