enhance.dev
nuxt
enhance.dev | nuxt | |
---|---|---|
18 | 91 | |
72 | 52,022 | |
- | 1.4% | |
9.2 | 9.9 | |
5 days ago | about 19 hours ago | |
JavaScript | TypeScript | |
- | 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.
enhance.dev
- Enhance – The HTML first full stack web framework
-
Introducing Enhance Movies
We are excited to present our non-trivial learning application, Enhance Movies, designed to highlight the exceptional web development experience you get from Enhance. Our movies app is built with Enhance and The Movie Database API. With a strong focus on simplicity, performance, progressive enhancement, and offline local development capabilities, this application is set to transform your understanding of what can be done by focusing on the web platform.
- Enhance.dev
-
Above the Clouds With the New Enhance Landing Page
Those of you who’ve visited the Enhance website recently may have noticed a big change: we launched our first proper landing page! Although this project was primarily my baby over the last couple months, a lot of other folks were involved — from the stellar (and heartwarming) design & illustrations by Dani Raskovsky, to art and content direction by our very own kj, and additional ideas and feedback from the rest of the Begin team. We’re all thrilled to have this project out in the world, and we hope you’re as delighted as we are with it.
-
Full-stack Web Apps Without React
Enhance is relatively new, even compared to some of the newer tools we're talking about in this post, having been released in August 2022. It is an application framework that supports server-side rendering via Lambda functions.
-
Redefining Developer Experience
Once you’re familiar with the basics (or if you are already and want to take them further), Web Components offer a standards based methodology for creating custom reusable components. As previously mentioned, Web Components require JavaScript to run in the browser by default, and their class based interface can take some getting used to. Enhance, our HTML first framework, steps around this issue by providing you with a standards compliant way to render custom elements on the server, only requiring you to interface with the Web Components JavaScript API when progressive enhancement is called for. Plus, we’ve got a really cute mascot. Give Enhance a try today!
-
Why does everyone "suddenly" hate Single Page Apps?
There are so many remarkable new approaches like Astro, Qwik, 11ty and Enhance built around HTML-first promise that leverages the platform. If you decide to try out Enhance, please let us know what you think, as we’d love the feedback. Follow us on Mastodon and join our Discord.
-
Uploading files with HTML forms: Part 2
In Part 1 of this series we covered the HTML first solution to uploading files. In this we have made some small improvements with JavaScript. The full example repository with the code in this post can be found here: https://github.com/ryanbethel/thumbnail-upload-example. Try out enhance.dev for your next project. It has pretty much everything you need to build a functional web app.
-
Maintain scroll position across page loads without an SPA
To solve the scroll jumping we can monitor the scrollTop setting for the sidebar and restore that location if we reload the page. Enhance.dev uses custom elements to build reusable components. The is one of those components. One of the benefits of custom elements is that we can easily attach JavaScript progressive enhancement behavior in a script tag defining that element.
-
What's next on your JavaScript framework radar for 2023? (Front End)
https://enhance.dev is really powerful. Can do **way** more than a lot of the current frameworks with much less code.
nuxt
-
Quick Tip: Nuxt & Storyblok Error Handling (e.g. 404)
Today we are looking at Error Handling when building websites with Nuxt and Storyblok as CMS. If you haven't tried the two tools, go check out one of the awesome tutorials. It's a perfect match for all your projects.
-
Avoiding lock-in for your image pipeline with Nuxt Image and Netlify Image CDN
Nuxt
-
Using Nuxt Content: Working with Remote Markdown Files
Nuxt is an open-source framework for building performant websites and full-stack applications using Vue.js. It provides performance and SEO benefits, and adds full-stack capabilities for Vue apps.
-
Exploring the DEV.to API to Build a Blog
The minimalist blog theme, powered by Nuxt.
-
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
-
Build An Ecommerce Store from Scratch using Medusa and Nuxt: Part 02
Nuxt is a meta-framework built on top of Vue.js, a JavaScript library. It features SSR, SSG, SEO, File-System routing, Caching etc. It can be used to build ecommerce storefronts.
-
My Sixth Year as a Bootstrapped Founder
Thanks for reading!
The web tech stack is actually one of my biggest regrets. It's a static site generator called Gridsome[0] that the maintainers abandoned about three months after I used it to launch the TinyPilot website.
At the time I made the TinyPilot site, I was very excited about Vue, so a Vue-based SSG seemed great. Since then, I've come to find SPAs and most frontend frameworks to be way too much complexity, so I've moved away from Vue, but the TinyPilot website is still stuck on Vue 2.x and bootstrap-vue (which is tied to Vue 2 and Bootstrap 4).
So, it keeps creaking along, but building the 100ish pages on the site takes about five minutes, whereas I think something like Hugo could probably do it in a few seconds. Plus, we get random runtime errors[1] that are pretty hard to debug.
[0] https://gridsome.org/
[1] https://github.com/nuxt/nuxt/issues/5800
-
Getting Started with Nuxt 3
...and much more 🚀
-
The Front-End Development we’re used to is dying
Nuxt: The Intuitive Vue Framework
-
Introducing @nx/nuxt: Enhanced Nuxt.js Support in Nx
We're excited to introduce a new way to enhance your Nuxt development workflow! After the Vue plugin, we're introducing our new Nx plugin for Nuxt, @nx/nuxt. Designed for Nuxt developers and existing Nx users alike, this integration brings the best of both worlds into your development ecosystem, enabling you to leverage Nx's powerful capabilities seamlessly within your Nuxt projects.
What are some alternatives?
arcdown - A small stack of Markdown tools configured using some preferred conventions for creating technical content rendered and served from a cloud function.
preline - Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
enhance-movies - A demo application built with Enhance, the HTML first framework. Powered by Begin and The Movies DB.
sniffnet - Comfortably monitor your Internet traffic 🕵️♂️
enhance-styles - Functional utility classes
htmx - </> htmx - high power tools for HTML
exalt - A JavaScript framework for building universal apps.
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
Laravel - Laravel is a web application framework with expressive, elegant syntax. We’ve already laid the foundation for your next big idea — freeing you to create without sweating the small things.
wc-icon-rule - A spicy horizonal rule
qwik - Instant-loading web apps, without effort