https://www.builder.io/blog/qwik-v1
Made in Builder.io
*
How to Build: Visually Building with AI webinar today @ 10 am PST.
Register Now
[assets]
*
[assets]
Product
Solutions
Developers
Pricing
Resources
Talk to UsSign Up
Product
Overview
FeaturesIntegrations
Solutions
Use Cases
Headless CMSHeadless CommerceLanding Pages
Customer Stories
Customer ShowcaseSuccess Stories
Developers
Overview
Builder for developersDeveloper docsPerformance Insights
Open Source
[assets]
Builder
[assets]
Mitosis
[assets]
Qwik
[assets]
Partytown
[assets]
Figma to HTML
Pricing
Resources
Resources
DocumentationBlogTemplates
Performance InsightsForumSubmit an IdeaPartners
Talk to Us
*
*
[assets]
Blog
Home
Resources
Blog
Forum
Github
Login
Signup
x
Visual CMS
Drag-and-drop visual editor and headless CMS for any tech stack
Theme Studio for Shopify
Build and optimize your Shopify-hosted storefront, no coding required
Resources
Blog
Get StartedLogin
[pixel]
*
< Back to blog
Qwik
Qwik Reaches v1.0
May 1, 2023
Written By The Qwik Team
[assets]
Share Link
Twitter
LinkedIn
Facebook
The Qwik team is excited to announce that Qwik has reached v1.0. Qwik
is a full-stack web framework that brings a fundamentally new
approach to delivering instant apps at scale!
[?] Watch our announcement live stream here.
Why another framework?
Frameworks such as React, Vue, Angular, Svelte, SolidJS, and their
meta frameworks (Next.js, Nuxt, SvelteKit, SolidStart, Astro) have
revolutionized web development by providing powerful tools and
abstractions that simplify the process of building complex
applications.
These frameworks have inspired many developers to create innovative
solutions that enhance the user experience, and developer experience,
and improved the overall quality of web applications.
Qwik has drawn much inspiration from these frameworks, leveraging
their strengths to provide fast, scalable, and maintainable solutions
for building web applications.
By building on the foundations laid by these frameworks, Qwik is able
to provide developers with a powerful toolset that enables them to
build web applications quickly and efficiently, while maintaining a
high level of quality and performance.
[assets]
As web applications get large, their startup performance degrades
because current frameworks send too much JavaScript to the client.
Keeping the initial bundle size small is a never-ending battle that's
no fun, and we usually lose.
Qwik delivers instant applications to the user. This is achieved by
keeping the initial JavaScript cost constant, even as your
application grows in complexity. Qwik then delivers only the
JavaScript for the specific user interaction.
This ensures that JavaScript does not overwhelm the browser, no
matter how large the application gets. Finally, speculative code
fetching ensures instant interactivity even on slow and intermittent
networks.
Think of it as streaming for your JavaScript.
[assets]
Key Features
Qwik's philosophy is to ensure the easy path is the performant path.
That's why, out of the box, Qwik solves for:
Amazing user experience out of the box
* Instant loading time with JavaScript streaming: Deliver
applications that ace the CWV scores, and maintain them even as
the application grows in complexity over time.
* Speculative code fetching: Deliver the code you need exactly when
users need it to ensure instant user interactivity, even on slow
mobile devices with an unreliable network.
* Lazy execution: Qwik's resumable technology delays the execution
of code in the browser as long as possible to keep the browser's
main thread free and responsive to user interactions.
* Optimized rendering time: Qwik is reactive, meaning that by
default, it only updates what's absolutely needed and not more.
* Data fetching: start fetching data on the server to prevent the
"waterfall" delays.
Great developer experience
* Familiar: JSX
* Directory-based routing: Create sites with directory-based
routing, an industry's preferred way to declare routes.
* First class data access: Qwik data loaders and form actions give
you easy access to your server data with 100% end-to-end type
safety and user input validation right out of the box
* Middleware: Declare middleware logic in a portable way allowing
you to deploy to all major hosting providers.
* A unified execution model: We all say we are full-stack
developers. With Qwik writing front-end and back-end code comes
naturally together in a single application codebase and type
safety. By default, Qwik applications execute in both server and
browser, but it is easy to pin functions to be always server
(server$()) (or always browser.)
Integrations
We are ready for the real world. Qwik offers a rapidly expanding
universe of ready-to-use integrations with your favorite libraries
and frameworks. Just run npx qwik add from the command line and pick
what you need from the list.
Qwik installs everything in all the right places to get you going.
Stable, secure, tested and ready to rock. Everything you need to get
started:
* Write once, deploy anywhere: We have adapters for Azure,
Cloudflare, Google Cloud Run, Netlify, Node.js, Deno, Vercel, and
the list is growing. Write your application in a hosting-provider
agnostic way to prevent vendor lock-in.
* UI Components: Choose from QwikUI, Papanasi UI, or battle-tested
UI libraries like Material UI, ChakraUI, Radix, or any other
React based library via Qwik-React.
* Image Optimization: Optimize Images for the best possible user
experience with @unpic/qwik and qwik-image.
* Internationalization: Deliver your application in multiple
languages using $localize and qwik-speak.
* Authentication: Use industry-leading AuthJS to add multiple
authentication strategies to your application.
* CMS: Qwik comes with a native integration with Builder.io for
structured data and component-level headless content creation and
publishing.
* Styling: Qwik allows for lazy loading and component scoping of
styles. Combine that with popular solutions such as PostCSS,
Vanilla Extract, or Tailwind for your styling needs.
* Testing: Unit test with Vitest and e2e with Playwright and
Cypress. Develop and test components with Storybook.
* Enterprise Readiness: Develop enterprise-scale applications and
monoreos with qwik-nx, which provides special generators and
executors for your NX monorepo.
[assets]
Interoperability
Qwik-React allows you to lazy hydrate React components within the
Qwik application. Leverage the existing React ecosystem from within
Qwik, use Qwik-React to migrate over to Qwik incrementally, or speed
up your React application by delay hydrating parts of it. Qwik-react
brings island architecture design-pattern to your React app.
Svelte, Vue, and Angular wrappers are in the works by the community.
Huge thanks to our amazing community!
Qwik boasts a diverse and inclusive community of passionate
developers, enthusiastic contributors, and supportive users
worldwide. This community is always buzzing with energy, constantly
collaborating, sharing ideas, and pushing the boundaries of what the
framework can achieve.
There's also a fast-growing group of community leaders all over the
world with developer groups and meetups from France, Netherlands,
England, United States, Israel, Portugal, Taiwan, Hungary, and many
more that are joining this wonderful group of Qwik community leaders.
If you're interested in starting a Qwik community group as well,
please fill in this form; we'd love to help you out!
Our Discord community is always available to help with any questions
you might have. Additionally, we recognize outstanding community
members through our Qwik Heroes program, consisting of folks who have
gone above and beyond in helping Qwik grow and become better.
We are proud of the Qwik community and its growth. Check out our
tremendous progress in community growth over the past three months.
The number of Discord server members in the last three months has
increased from 4k to well over 5k:
We had 4k members in January and have increased to over 5k as of the
end of April
And finally, check out our GitHub page, where you can be part of the
revolution.
Star History graph of Qwik. Now with more than 16k stars in April
2023
Special shout out to our community members for getting us ready for
v1: Giorgio Boa, Shai Reznik, Leo, Roman Zanettin, Dmitriy Stepanenko
, Joshua Reilly, Sai Srikar Dumpeti, Salama Ashoush, Paulo H. C. de
Oliveira, Sebastian Rapport, PatrickJS, Sami Jaber, Yoav Ganbar.
Start using Qwik today!
Check out our getting started page, our tutorial, or Stackblitz to
start playing with Qwik today.
You will find everything you need to get started Qwikly and learn how
Qwik provides a new and innovative way to build your web applications
whose performance will not deteriorate as the application grows.
The drag & drop headless CMS
Builder.io is a headless CMS that lets you drag and drop with your
components right within your existing site.
Try it out
Learn more
// Dynamically render your components
export function MyPage({ json }) {
return
}
registerComponents([MyHero, MyProducts])
[pixel]
Visually build with your components
Builder.io is a headless CMS that lets you drag and drop with your
components right within your existing site.
Try it out
Learn more
// Dynamically render your components
export function MyPage({ json }) {
return
}
registerComponents([MyHero, MyProducts])
*
*
*
Share
Share Link
Twitter
LinkedIn
Facebook
Hand written text that says "A drag and drop headless CMS?"
[assets]
Builder.io is a headless CMS that lets you drag and drop with your
components.
Learn more
[assets]
Like our content?
Sign up for our newsletter
[pixel]
Hand written text that says "A drag and drop headless CMS?"
[assets]
Builder.io is a headless CMS that lets you drag and drop with your
components.
Learn more
[assets]
Like our content?
Join Our Newsletter
*
---------------------------------------------------------------------
Continue Reading
AI9 MIN
Use AI to Generate Pages From Your React Components
WRITTEN BYSteve Sewell
May 1, 2023
Web Development17 MIN
Unleash the Power of the Platform with These HTML Tags
WRITTEN BYYoav Ganbar
April 26, 2023
AI11 MIN
Stream OpenAI Chat Completions in JavaScript
WRITTEN BYVishwas Gopinath
April 24, 2023
Product
Visual CMS
Theme Studio for Shopify
Sign up
Login
Featured Integrations
React
Angular
Next.js
Gatsby
Resources
User Guides
Developer Docs
Forum
Blog
Github
Get In Touch
Chat With Us
Twitter
Linkedin
Careers
(c) 2020 Builder.io, Inc.
Security
Privacy Policy
Terms of Service
Get the latest from Builder.io
[assets]
Developer Newsletter
Latest tips, tricks, and news for frontend developers from our blog
Product Newsletter
Latest features and updates on the Builder.io platform
[ ][ ]
By submitting, you agree to our Privacy Policy
*
Product
Features
Pricing
Developers
Builder for Developers
Developer Docs
Open Source Projects
Performance Insights
Resources
Documentation
Blog
Community Forum
Templates
Partners
Submit an Idea
Company
About
Careers
Integrations
React.js
Next.js
Gatsby
Angular
Vue
Nuxt
Hydrogen
Salesforce
Shopify
All Integrations
Use Cases
Landing Pages
Headless CMS
Headless Storefront
Customer Showcase
Customer Success Stories
Builder.io logo
Visually build and optimize digital experiences on any tech stack. No
coding required, and developer approved.
Get Started
Log In
[assets]
Product
Features
Pricing
Developers
Builder for Developers
Developer Docs
Open Source Projects
Performance Insights
Resources
Documentation
Blog
Community Forum
Templates
Partners
Submit an Idea
Company
About
Careers
Integrations
React.js
Next.js
Gatsby
Angular
Vue
Nuxt
Hydrogen
Salesforce
All Integrations
Use Cases
Landing Pages
Shopify Storefront
Headless CMS
Headless Storefront
Customer Showcase
Customer Success Stories
(c) 2023 Builder.io, Inc.
Security
Privacy Policy
SaaS Terms
*
*
*
*