rajesh-h / cs_client

CookingShooking Client Application

Dev.to clone built with NuxtJS

An articles aggregation app using DEV.TO public API, demonstrating capabilities of NuxtJS new fetch()

See live mode.

What You’ll Learn

• use $fetchState for showing nice placeholders while data is fetching on the client side

• use keep-alive and activated hook to efficiently cache API requests on pages that have already been visited

• reuse the fetch hook with this.$fetch()

• set fetchOnServer value to control when we need to render our data on the server side or not

• find a way to handle errors from fetch hook.

Getting Started

# clone the project
git clone https://github.com/bdrtsky/nuxt-dev-to-clone.git

# install dependencies
npm install

# start the project
npm run dev

# go to http://localhost:3000

Read full article: https://nuxtjs.org/blog/build-dev-to-clone-with-nuxt-new-fetch