DEV Community: Ersin Guvenc

Best 5 Open Source Vue js Frameworks

Ersin Guvenc — Wed, 07 Aug 2024 16:50:52 +0000

What is Vue.js ?

Vue (pronounced /vjuː/, like view) is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS, and JavaScript and provides a declarative, component-based programming model that helps you efficiently develop user interfaces of any complexity.

What is the UI Framework ?

UI frameworks are sets of prebuilt, reusable components, styles, and tools that streamline and simplify the process of building user interfaces for web applications. They offer a collection of standardized components, such as buttons, forms, navigation bars, and more, with consistent styling and functionality.

What are the Vue Frameworks ?

Underneath the Vue frameworks mentioned below are the building blocks that make the development process much simpler as you can directly use it in your application. There are a variety of Vue js frameworks to choose from, be it out-of-the-box UI elements or additional support for developing various types of web applications.

List of Top 5 Vuejs Frameworks

1. Vuetify
Vuetify is a powerful Vue Component Framework built from the ground up to be easy to learn and rewarding to master. Our collection of UI components maintain a consistent style throughout your application with enough customization options to meet any use-case.

Vuetify is an Open Source project available for free under the MIT licensed. Additionally, Vuetify’s source code is available on GitHub, allowing developers to modify and contribute to its development if they choose to do so.
https://vuetifyjs.com

2. Prime Vue
PrimeVue is a complete UI suite for Vue.js consisting of a rich set of UI components, icons, blocks, and application templates. The project’s primary goal is to boost developer productivity by offering reusable solutions that are easy to tune and customize as an in-house library.

The project has been created by PrimeTek a world-renowned vendor of popular UI Component suites, including PrimeFaces, PrimeNG, and PrimeReact. All the members in our team are full time employees of PrimeTek who share the same passion and vision for open source to create awesome UI libraries. Depending on a 3rd party library may introduce risks if the library maintainers decide not to work on the project, however, this is not the case with PrimeVue as the track record of PrimeTek shows. For example, PrimeFaces has been maintained actively since 2008.

https://primevue.org

3. Quasar
Quasar is an MIT licensed open-source Vue.js based framework, which allows you as a web developer to quickly create responsive++ websites/apps in many flavours:

SPAs (Single Page App)
SSR (Server-side Rendered App) (+ optional PWA client takeover)
PWAs (Progressive Web App)
BEX (Browser Extension)
Mobile Apps (Android, iOS, …) through Cordova or Capacitor
Multi-platform Desktop Apps (using Electron)
Quasar’s motto is: write code once and simultaneously deploy it as a website, a Mobile App and/or an Electron App. Yes, one codebase for all of them, helping you develop an app in record time by using a state-of-the-art CLI and backed by best-practice, blazing fast Quasar web components.

When using Quasar, you won’t need additional heavy libraries like Hammer.js, Moment.js or Bootstrap. It’s got those needs covered internally, and all with a small footprint!

https://quasar.dev

4. Nuxt.js
Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

Nuxt has no vendor lock-in, allowing you to deploy your application everywhere, even on the edge.

https://nuxt.com

4. Olobase
Olobase is an Open Source full-stack web application framework designed to create fast and easy admin panel applications using Vue.js — Php technologies with allows extensive customizations.

The framework contains Vue 3 +Vuetify + PHP combination.

If you want an architecture-ready framework, you should check out this full-featured solution combined with Vue and PHP.

They have great component lists.
Olobase Component List.

Features

Integration Ready Vue.js / Vuetify.js Components
Mezzio PHP Rest API for Backend
Built in JWT Authentication
Built in Roles & Permission Management for Authorization
Layouts
Plugins
Input and Fields
Data Providers
Built in Data Grid Colum Filters
i18n Support
Authentication Providers
Resource Management
Community and Ticket Support

Configuring AWS SES for Postfix in Two Easy Steps

Ersin Guvenc — Wed, 07 Aug 2024 16:28:41 +0000

Postfix is an open source email transport agent for Linux and Unix computer operating systems. AWS SES is a cheap, popular and secure way to send transactional emails.

In this article, we will connect your AWS SES account to Postfix and ensure that your emails are sent by AWS SES.

This article is powered by Olobase Fullstack Vue.js /Php Framework.

How to Create AWS SES Api Key / SMTP Credentials

Following link will show to you how to create an AWS SES api key-passwords.
https://www.youtube.com/watch?v=hCusJszAIW8

Open your main postfix configuration file with your favourite editor

vim /etc/postfix/main.cf

Add following lines to your file

# start AWS settings
relayhost = [email-smtp.eu-west-1.amazonaws.com]:587
smtp_sasl_auth_enable = yes
smtp_sasl_security_options = noanonymous
smtp_sasl_password_maps = static:USERNAME:PASSWORD
smtp_use_tls = yes
smtp_tls_security_level = encrypt
smtp_tls_note_starttls_offer = yes
# end AWS settings

Points to be considered

You should replace the eu-west-1 with your region
Replace USERNAME and PASSWORD values with your AWS SES credentials.
Save your changes and exit.

Restart the postfix server.

service postfix restart

That’s all, now the emails you send will be sent by AWS SES.

This article is powered by Olobase Fullstack Vue.js /Php Framework.

Best 5 Open Source Vue js Frameworks

Ersin Guvenc — Wed, 31 Jul 2024 08:44:12 +0000

What is Vue.js ?
Vue (pronounced /vjuː/, like view) is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS, and JavaScript and provides a declarative, component-based programming model that helps you efficiently develop user interfaces of any complexity.

What is the UI Framework ?
UI frameworks are sets of prebuilt, reusable components, styles, and tools that streamline and simplify the process of building user interfaces for web applications. They offer a collection of standardized components, such as buttons, forms, navigation bars, and more, with consistent styling and functionality.

What are the Vue Frameworks ?
Underneath the Vue frameworks mentioned below are the building blocks that make the development process much simpler as you can directly use it in your application. There are a variety of Vue js frameworks to choose from, be it out-of-the-box UI elements or additional support for developing various types of web applications.

List of Top 5 Vuejs Frameworks

1. Vuetify

Vuetify is a powerful Vue Component Framework built from the ground up to be easy to learn and rewarding to master. Our collection of UI components maintain a consistent style throughout your application with enough customization options to meet any use-case.

2. Prime Vue

PrimeVue is a complete UI suite for Vue.js consisting of a rich set of UI components, icons, blocks, and application templates. The project’s primary goal is to boost developer productivity by offering reusable solutions that are easy to tune and customize as an in-house library.

https://primevue.org

3. Quasar

Quasar is an MIT licensed open-source Vue.js based framework, which allows you as a web developer to quickly create responsive++ websites/apps in many flavours:

SPAs (Single Page App)
SSR (Server-side Rendered App) (+ optional PWA client takeover)
PWAs (Progressive Web App)
BEX (Browser Extension)
Mobile Apps (Android, iOS, …) through Cordova or Capacitor
Multi-platform Desktop Apps (using Electron)
Quasar’s motto is: write code once and simultaneously deploy it as a website, a Mobile App and/or an Electron App. Yes, one codebase for all of them, helping you develop an app in record time by using a state-of-the-art CLI and backed by best-practice, blazing fast Quasar web components.

When using Quasar, you won’t need additional heavy libraries like Hammer.js, Moment.js or Bootstrap. It’s got those needs covered internally, and all with a small footprint!

https://quasar.dev

4. Nuxt.js

Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

Nuxt has no vendor lock-in, allowing you to deploy your application everywhere, even on the edge.

https://nuxt.com

5. Olobase

Olobase is an Open Source full-stack web application framework designed to create fast and easy admin panel applications using Vue.js — Php technologies with allows extensive customizations.

The framework contains Vue 3 +Vuetify + PHP tech stacks.

If you want an architecture-ready framework, you should check out this full-featured solution combined with Vue and PHP.

They have great component lists.
Olobase Component List.

Features
Integration Ready Vue.js / Vuetify.js Components
Mezzio PHP Rest API for Backend
Built in JWT Authentication
Built in Roles & Permission Management for Authorization
Layouts
Plugins
Input and Fields
Data Providers
Built in Data Grid Colum Filters
i18n Support
Authentication Providers
Resource Management
Community and Ticket Support

https://oloma.dev

Top 5 Php Frameworks to be included in the Best of 2025 List

Ersin Guvenc — Wed, 31 Jul 2024 08:18:07 +0000

What is a Framework?

In computer programming, a software framework is an abstraction in which software, providing generic functionality, can be selectively changed by additional user-written code, thus providing application-specific software. It provides a standard way to build and deploy applications and is a universal, reusable software environment that provides particular functionality as part of a larger software platform to facilitate the development of software applications, products and solutions.
A PHP framework is a pre-built platform that provides a foundation and tools for building web applications with PHP programming language. These frameworks aim to streamline development by offering standardized conventions, reusable components, and a modular architecture.

Top 5 PHP Frameworks for Web Development
In the following article, we will talk about the best php frameworks that should be in the top 5 for 2025.

1. Symfony

Symfony is a free and open-source PHP web application framework and a set of reusable PHP component libraries. It was published as free software on October 18, 2005, and released under the MIT License.
https://symfony.com

Features
50+ decoupled components easily installable using Composer.
Supports a diverse set of databases - MySql, Oracle, PostgreSQL, SQLite, SQL Server, and SAP Sybase.
Twig templating engine for handling views.
Provides a command-line interface (CLI) called Symfony Console to create custom commands to perform various tasks, such as generating code, running migrations, and more.
Integrates with the Doctrine Object-Relational Mapping (ORM) system to use PHP objects with databases.
Highly flexible and customizable.
Mature ecosystem with a large developer community.
Supports testing through PHPUnit.

Symfony, High Performance PHP Framework for Web Development
Symfony is a set of reusable PHP components and a PHP framework to build web applications, APIs, microservices and web…symfony.com

2. Laravel

Laravel is a web application framework with expressive, elegant syntax. We've already laid the foundation - freeing you to create without sweating the small things.
https://laravel.com

Features
Built-in access management.
Integrate with popular email services like Amazon SES, sendmail, etc.
Built-in Eloquent ORM (Object-Relational Mapping) to convert data between incompatible type systems.
Middleware to filter HTTP requests entering the application.
Routing that allows developers to map HTTP requests to specific controller actions.
Reverse routing to generate URLs dynamically on the basis of their route name.
Blade templating engine for designing templates.
RESTful controllers for request handling.
Built-in PHPUnit Testing.
Real-Time broadcasting with Laravel Echo for building features like live chat, notifications, and other real-time updates.

3. Laminas

Laminas Project (formerly Zend Framework or ZF) is an open source, object-oriented web application framework implemented in PHP 7 and licensed under the New BSD License.[3] The framework is basically a collection of professional PHP[4]-based packages.[5] The framework uses various packages by the use of Composer as part of its package dependency managers; some of them are PHPUnit for testing all packages, Travis CI for continuous Integration Services. Laminas provides to users a support of the model–view–controller (MVC) in combination with Front Controller solution.[6] MVC implementation in Laminas has five main areas. The router and dispatcher functions to decide which controller to run based on data from URL, and controller functions in combination with the model and view to develop and create the final web page.[5]
On 17 April 2019 it was announced[7] that the framework is transitioning into an open source project hosted by the Linux Foundation to be known as Laminas.
https://laminas.dev

Features
Event-driven flexible MVC framework for building scalable PHP applications.
Extensive databases include MySQL, MS SQL Server, Oracle, MariaDB, IBMDB2, PostgreSQL, etc.
Provides better security.
Provides components for dependency injection, caching, form validations, PubSubHubbub(WebSub) interactions, logging, routing, pagination, session management, diagnostic tests, event dispatchers, feed parsers, etc.
Some noteworthy components apart from the usual ones are:
'Laminas-log' - is a PSR-3 compliant logger with support for filtering and formatting.
'Laminas-form' for implementing complex forms, casting them into business objects.
'Laminas-math' for generating cryptographic numbers.
'Laminas-session' for object-oriented interface to session & storage.
'Laminas-cache' for caching implementations and codified caching storage strategies for callbacks.
'Laminas-db' is used for database abstraction and SQL operations.
'Laminas-xml2json' is used to convert XML documents to JSON format.
'Laminas-SOAP' is used to create SOAP applications and interact with them.

4. Mezzio

The beauty of Mezzio is we designed it around PHP-FIG, the framework interop group, their standard recommendations that they have put out. So it's using the standard HTTP messages, standard middleware, standard HTTP message factories - and anything else you want to put in there. While we provide dependency injection container integration, you can use any dependency injection container you want - whether it's one from Symfony, one we produce with our service manager, or even PHPDI.
You can do the same for templating, logging, and all of that. The great thing is that it doesn't lock you in to any one framework, and allows you to develop exactly the application you need to deliver value with your business.
Mezzio is a really nice tool for writing microservices because you can design exactly the workflows you need, and make them as lean as you want them. This makes them an ideal candidate for APIs, which microservices essentially are, so they're going to be very fast, simple to write, and they're going to give you all the tools you need in order to do the exact workflow you need for that particular service.
https://docs.mezzio.dev/

Features
Easy to Use and Modern Architecture
PSR15 Middlewares
Routing
i18n Support
PSR-11 Container
Flexible Templating
Modularity
Error Handling
Extensive databases include MySQL, MS SQL Server, Oracle, MariaDB, IBMDB2, PostgreSQL, etc.
Provides better security.
Provides components for dependency injection, caching, form validations, PubSubHubbub(WebSub) interactions, logging, routing, pagination, session management, diagnostic tests, event dispatchers, feed parsers, etc.
Best choose for Microservices.

5. Olobase

Olobase is an Open Source full-stack developer framework designed to create fast and easy web applications using Vue.js - Php technologies with allows extensive customizations.
The framework contains Vue 3 + Vuetify + PHP + MYSQL + Redis tech stacks.
If you want an architecture-ready framework, you should check out this full-featured solution combined with Vue and PHP.
https://oloma.dev

How can I add the parent checkbox to the Vuetify datagrid group table?

Ersin Guvenc — Sat, 30 Jul 2022 09:37:57 +0000

https://stackoverflow.com/questions/73174354/how-can-i-add-the-parent-checkbox-to-the-vuetify-datagrid-group-table