devtools
h3
devtools | h3 | |
---|---|---|
5 | 8 | |
2,719 | 3,160 | |
2.2% | 3.4% | |
9.6 | 9.3 | |
6 days ago | 5 days ago | |
Vue | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
devtools
-
Why I keep an eye on the Vue ecosystem and you should too
The (devtools)[https://devtools.nuxt.com/] I want to talk about shortly are the (Nuxt)[https://nuxt.com/] devtools which are I would say by a landslide the best devtools out there. You don't need to trust me, just try it out, get a basic nuxt app running, open devtools, go to modules, add tailwind, maybe add an API route and play around with the dev tools a bit. I'm pretty confident in saying that it's the best experience out there in JS land, and belive it or not, the plan is to make it vue/nuxt agnostic, so it might become something react, svelte etc devs would enjoy in the future
-
First look at Nuxt DevTools
Nuxt DevTool Github
-
New Nuxt DevTools is mindblowing! 🤯
Nuxt 3 got released a few months ago but the tool I was the most curious about remained unreleased. Until now! Today, the Nuxt team has announced the release of Nuxt DevTools! The previous version of Nuxt didn't have the dedicated devtools specifically for Nuxt so I was even more curious. The tool is still in beta but it's ready to test with the freshly released Nuxt 3.2 and I have to tell you something: it's absolutely gorgeous!
- Nuxt DevTools Preview Announced
- Nuxt dev tools just released
h3
-
Why I keep an eye on the Vue ecosystem and you should too
H3 is a small and delightful webserver. It honestly won me over the second I saw how simple the server side implementation of websockets was. It's actually so good, it even has bindings for uploadthing
-
Hono v4.0.0
Same, I'll probably move to https://github.com/unjs/h3 since it's used anyway in Nuxt (which I use for other projects)
-
File Upload Security and Malware Protection
import formidable from 'formidable'; /* global defineEventHandler, getRequestHeaders, readBody */ /** * @see https://nuxt.com/docs/guide/concepts/server-engine * @see https://github.com/unjs/h3 */ export default defineEventHandler(async (event) => { let body; const headers = getRequestHeaders(event); if (headers['content-type']?.includes('multipart/form-data')) { body = await parseMultipartNodeRequest(event.node.req); } else { body = await readBody(event); } console.log(body); return { ok: true }; });
-
File Uploads for the Web (3): File Uploads in Node & Nuxt
import formidable from 'formidable'; /** * @see https://nuxt.com/docs/guide/concepts/server-engine * @see https://github.com/unjs/h3 */ export default defineEventHandler(async (event) => { let body; const headers = getRequestHeaders(event); if (headers['content-type']?.includes('multipart/form-data')) { body = await parseMultipartNodeRequest(event.node.req); } else { body = await readBody(event); } console.log(body); return { ok: true }; }); /** * @param {import('http').IncomingMessage} req */ function parseMultipartNodeRequest(req) { return new Promise((resolve, reject) => { /** @see https://github.com/node-formidable/formidable/ */ const form = formidable({ multiples: true }) form.parse(req, (error, fields, files) => { if (error) { reject(error); return; } resolve({ ...fields, ...files }); }); }); }
-
How do you implement Middleware using an httpOnly cookie?
You could probably do all that in Nuxt with building a backend in the server folder. (More info here: https://nuxt.com/docs/guide/directory-structure/server) But, I understand that the official Nuxt 3 Auth module is being worked on which should make life a lot easier. For now, there's something new you can look into, namely the session support in the newest Nitro version (which is the backend part of Nuxt 3). There's some info here: https://github.com/unjs/h3/pull/315. I should not that I have not looked at this yet, though.
-
Build a SSR App with React, React Router and Vite
h3 - a minimalistic and simple node.js framework
- How can I use Express JS on Nuxt3
-
a first look at nuxt 3
Nuxt 3 is powered by a new server engine called Nitro. Nitro is used in development and production. It includes cross-platform support for Node.js, Browsers, and service-workers and serverless support out-of-the-box. Other features include API routes, automatic code-splitting, async-loaded chunks, and hybrid static/serverless modes. Server API endpoints and Middleware that internally uses h3 are added by Nitro.
What are some alternatives?
icon - The <Icon> component, supporting Iconify, Emojis and custom components.
Nuxt 3 - Old repo of Nuxt 3 framework, now on nuxt/nuxt
cloudinary - Cloudinary Module for Nuxt
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
postwoman - 👽 A free, fast and beautiful API request builder used by 120k+ developers. https://hoppscotch.io [Moved to: https://github.com/hoppscotch/hoppscotch]
ofetch - 😱 A better fetch API. Works on node, browser and workers.
intro-to-vue - Workshop Materials for my Introduction to Vue.js Workshop
Laravel - The Laravel Framework.
vite-plugin-vue-devtools - Vite + Vue DevTools = DX 🔥
ajcwebdev-nuxt3 - An example Nuxt 3 application deployed on Netlify and Vercel
nuxt-social-share - Simple Social Sharing for Nuxt 3
vite - Next generation frontend tooling. It's fast!