Qwikly Stack
The "qwikest" delightful, overpowered, beautifully handcrafted full-stack web framework template, built on top of Qwik, seasoned with modern tools. ( The server might be on sleep mode, give it a few seconds to load, ty )
Overview
Qwikly Stack is a full-stack web framework template built on top of Qwik. It aims to provide a delightful, overpowered, and beautifully handcrafted web development experience. With Qwikly Stack, developers can leverage modern tools and features to create high-quality web applications.
Features
- Awesome Qwik City framework: Qwikly Stack is built on top of Qwik City, which provides a set of tools for building a full site including directory-based routing, layouts, and more.
- Modular Forms typesafe integration: Qwikly Stack includes a typesafe integration for Modular Forms, allowing developers to easily create forms with type checking.
- Tailwind with Light/Dark mode: Qwikly Stack comes preconfigured with Tailwind CSS, including support for light and dark mode.
- Lucide icons: The framework includes Lucide icons, a collection of beautifully designed icons for use in your web applications.
- Authentication with Lucia Auth v2: Qwikly Stack provides built-in authentication using Lucia Auth v2, making it easy to implement user sign up, log in, profile management, and more.
- DrizzleORM SQL builder + SQLite + Migrations: Developers can leverage the power of DrizzleORM, a SQL builder, along with SQLite and Migrations for efficient database management.
- Full typesafe development using zod: Qwikly Stack supports full typesafe development using zod, ensuring that your code is free from type errors.
- Automagically MDX support: The framework includes built-in support for MDX, allowing developers to write Markdown with JSX syntax and have it rendered as React components.
- Stripe Payments and Subscriptions: Qwikly Stack integrates with the Stripe payment platform, making it easy to implement one-time payments and recurring subscription payments.
- Mailer with Resend: Qwikly Stack provides a mailer with resend functionality, allowing you to easily send emails to your users.
- Husky hooks: The framework includes Husky hooks, which enable you to run scripts before committing and pushing your code.
- Commit nomenclature rules with commitizen: Qwikly Stack enforces commit nomenclature rules using commitizen, ensuring consistent and descriptive commit messages.
- Release management policy with standard-version: The framework follows a release management policy using standard-version, making it easy to generate release notes and manage version numbers.
- ESLint and Prettier linter and formatter: Qwikly Stack includes ESLint and Prettier for code linting and formatting, ensuring clean and readable code.
- Outstanding Three.JS scenes: Qwikly Stack includes outstanding Three.JS scenes, providing visually stunning effects and animations for your web applications.
- CI/CD with Github Actions: The framework supports continuous integration and deployment using Github Actions.
- Fullstack deployments thanks to Fly.io with Fastify Adapter: Qwikly Stack enables fullstack deployments using Fly.io with the Fastify adapter, allowing your application to be deployed and scaled easily.
Summary
Qwikly Stack is a powerful full-stack web framework built on top of Qwik City. It offers a wide range of features, including authentication, payments, admin dashboard, and more. With Qwikly Stack, developers can enjoy a delightful and productive web development experience while leveraging modern tools and technologies. The installation process is straightforward, allowing developers to quickly set up and deploy their applications using Fly.io.
- Qwik
Qwik is an innovative Static Site Generator (SSG) that focuses on ultra-fast loading times by rendering pages on the server side and delivering optimized JavaScript to the client side. It leverages its unique Qwik framework to achieve rapid page rendering, making it a powerful choice for building performant static websites.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Drizzle ORM
Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.