An articles aggregation app using DEV.TO public API, demonstrating capabilities of NuxtJS new fetch()
See live mode.
-
use
$fetchState
for showing nice placeholders while data is fetching on the client side -
use
keep-alive
andactivated
hook to efficiently cache API requests on pages that have already been visited -
reuse the
fetch
hook withthis.$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.
# 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