bdrtsky / Nuxt Dev To Clone
Build DEV.TO clone with Nuxt.js and new `fetch` hook
Stars: ✠118
Projects that are alternatives of or similar to Nuxt Dev To Clone
Nuxt Lazysizes
Lazysizes module for Nuxt.js
Stars: ✠25 (-78.81%)
Mutual labels: nuxt, nuxtjs, lazy-loading
Vue Api Query
💎 Elegant and simple way to build requests for REST API
Stars: ✠1,528 (+1194.92%)
Mutual labels: api, nuxt, nuxtjs
nuxt-speedkit
nuxt-speedkit will help you to improve the lighthouse performance score (100/100) of your website.
Stars: ✠401 (+239.83%)
Mutual labels: nuxt, lazy-loading, nuxtjs
Hoppscotch
👽 Open source API development ecosystem https://hoppscotch.io
Stars: ✠34,569 (+29195.76%)
Mutual labels: api, nuxt, nuxtjs
Nuxt Graphql Request
Easy Minimal GraphQL client integration with Nuxt.js.
Stars: ✠85 (-27.97%)
Mutual labels: nuxt, nuxtjs
Vue Masonry Wall
A pure vue responsive masonry layout without direct dom manipulation and ssr support.
Stars: ✠79 (-33.05%)
Mutual labels: nuxt, nuxtjs
Apipeline
Feature-rich and pluggable offline-first API wrapper for all your javascript environements ! Easily wire-up your API and make your app work offline in minutes.
Stars: ✠92 (-22.03%)
Mutual labels: api, fetch
Nuxt User Agent
Nuxt.js module for handling User-Agent.
Stars: ✠102 (-13.56%)
Mutual labels: nuxt, nuxtjs
Redux Api Call
One declarative API to create reducers, action creators and selectors for any API calls
Stars: ✠63 (-46.61%)
Mutual labels: api, fetch
Vue Svg Inline Loader
Webpack loader used for inline replacement of SVG images with actual content of SVG files in Vue projects.
Stars: ✠105 (-11.02%)
Mutual labels: nuxt, nuxtjs
Nuxt Chat App
Frontend of real-time chat application built using nuxtjs, socket.io. Check the backend at https://github.com/binbytes/chat-app-server.
Stars: ✠77 (-34.75%)
Mutual labels: nuxt, nuxtjs
Docker Nuxt
Docker image to run NUXT.js application in production mode
Stars: ✠71 (-39.83%)
Mutual labels: nuxt, nuxtjs
Example Ecommerce Snipcart Vue
The Transglobal Candy Store: Sample front-end for the Sanity.io e-commerce schema with vue.js, nuxt.js, and snipcart
Stars: ✠89 (-24.58%)
Mutual labels: nuxt, nuxtjs
Nuxt Tailwind
A Nuxt.js starter project template using Tailwind CSS without the distraction of a complicated development environment.
Stars: ✠71 (-39.83%)
Mutual labels: nuxt, nuxtjs
Nuxt Netlify
Dynamically generate `_headers` and `_redirects` files for Netlify in your Nuxt.js projects
Stars: ✠97 (-17.8%)
Mutual labels: nuxt, nuxtjs
Google Gtag Module
Enable google gtagjs for NuxtJs
Stars: ✠106 (-10.17%)
Mutual labels: nuxt, nuxtjs
Dayjs Module
Official Day.js module for your Nuxt.js project.
Stars: ✠111 (-5.93%)
Mutual labels: nuxt, nuxtjs
Bitwave
Front end for [bitwave.tv] - an open platform live video streaming service
Stars: ✠113 (-4.24%)
Mutual labels: nuxt, nuxtjs
Laravel Vuejs.com
Laravel and VueJs Blog, using Laravel nova, GraphQL, NuxtJs, Apollo and ...more
Stars: ✠54 (-54.24%)
Mutual labels: nuxt, nuxtjs
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
$fetchStatefor showing nice placeholders while data is fetching on the client side -
use
keep-aliveandactivatedhook to efficiently cache API requests on pages that have already been visited -
reuse the
fetchhook withthis.$fetch() -
set
fetchOnServervalue to control when we need to render our data on the server side or not -
find a way to handle errors from
fetchhook.
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].