mirror/lowdefy
2
0
Fork 0
mirror of https://github.com/lowdefy/lowdefy.git synced 2025-03-13 14:56:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1760 from lowdefy/pricing-contact-us-styling

Browse Source 
Pricing contact us styling
This commit is contained in:
Gerrie van Wyk 2024-01-15 20:21:39 +00:00 committed by GitHub
commit 680b384804
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 129 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/website/pages/blog/blog.yaml
View File

@ -16,6 +16,8 @@ id: blog
type: Box
properties:
title: Lowdefy - Blog
style:
padding: 0px 8px
blocks:
- _ref: shared/header/header.yaml
- _ref: pages/blog/sections/blog_posts.yaml

2
packages/website/pages/blog/lowdefy-v4-launch.yaml
View File

@ -16,6 +16,8 @@ id: lowdefy-v4-launch
type: Box
properties:
title: Lowdefy V4 Launch
style:
padding: 0px 8px
blocks:
- _ref: shared/header/header.yaml
- _ref: pages/blog/sections/lowdefy_v4_launch.yaml

14
packages/website/pages/blog/sections/blog_posts.yaml
View File

@ -36,7 +36,7 @@ blocks:
- id: lowdefy_v4_launch_card
type: Card
layout:
contentGutter: 8
contentGutter: 16
properties:
style:
'&:hover':
@ -51,10 +51,14 @@ blocks:
- id: lowdefy_v4_launch_image
type: Img
layout:
flex: 1 0 200px
flex: 1 0 250px
align: center
properties:
src: ./images/01_Header_001.png
width: 200px
src: ./images/blogs/V4_Launch.jpg
style:
borderRadius: 10px
height: auto
maxWidth: 100%
- id: info_box
type: Box
layout:
@ -66,7 +70,7 @@ blocks:
properties:
html: |
<h4>Lowdefy V4 Launch</h4>
<p>Introducing Lowdefy v4: The Easiest Config Webstack built on top of Next.js. We're excited to announce Lowdefy v4.</p>
<p>Introducing Lowdefy V4: The Easiest Config Webstack built on top of Next.js. We're excited to announce Lowdefy V4.</p>
- id: author_block
type: Box
layout:

196
packages/website/pages/blog/sections/lowdefy_v4_launch.yaml
View File

@ -20,10 +20,116 @@ style:
layout:
contentJustify: center
blocks:
- id: date
type: Html
style:
marginLeft: 10
fontSize: 12
properties:
html: |
<p>15 January 2024</p>
- id: lowdefy_v4_launch_image
type: Img
properties:
src: ./images/blogs/V4_Launch.jpg
style:
borderRadius: 20px
width: 100%
maxWidth: 800px
- id: content
type: DangerousMarkdown
style:
padding: 20px 0 40px 0
properties:
content: |
# Introducing <span class="gradient-text">Lowdefy V4</span>: The Easiest Config Webstack built on top of Next.js
We're excited to announce Lowdefy V4, a full-stack web framework that simplifies building web applications, internal tools, admin panels, BI dashboards, and CRUD apps using YAML or JSON configuration files.
In this update, Lowdefy developers now enjoy faster app performance and improved functionality with custom code plugins.
## New Features in Lowdefy V4
1. **Next.js build**: Lowdefy apps have been converted to run on top of the [Next.js](https://nextjs.org/) framework.
2. **All of Auth.js**: App authentication are now implemented by configuring any [Auth.js](https://authjs.dev/) supported providers, adapters and callbacks and events, all of which can be customized.
3. **Plugin extensibility**: Apps can now be extended with any [**npm**](https://www.npmjs.com/) or [**pnpm workspace**](https://pnpm.io/workspaces) plugins.
4. **Flexible Styling**: Change any of [Ant Design's](https://github.com/ant-design/ant-design/blob/4.x-stable/components/style/themes/default.less) more than 900 style variables.
5. **Better, Faster Rendering**: Reduced page loading times, better loading state management including easy configuration of loading skeletons where needed.
### Built on top of Next.js
Lowdefy **V4** is now built on top of the popular [Next.js](https://nextjs.org) framework. You'll now have the benefit of the thriving Next.js ecosystem.
By adopting Next.js, Lowdefy **V4** gains access to industry leading web development practices, faster page load times, flexible and easy deployment options.
Next.js also comes with wealth of plugins and integrations that will help you extend and optimize your Lowdefy apps. As a result, you can expect enhanced performance and an improved developer experience when building your applications.
### Flexible authentication secured with Auth.js
With over 700k daily npm installs, [Auth.js](https://authjs.dev/) is one of the most popular authentication solutions in the javascript ecosystem. Authentication in Lowdefy **V4** has been reengineered to support not only OpenID Connect identity providers, but also inlcude more than 75 popular services (Google, Github, MS Active Directory, Auth0), email/passwordless/magic link auth, or username password using any customizible database adapter. This enables Lowdefy developers to build apps using any identity provider or implement niche authentication requirements such as [JWT token based authentication](https://github.com/lowdefy/lowdefy-example-jwt-auth).
In Lowdefy **V4** authentication configuration remains easy but powerful. Features such as public pages, role based access control, custom callbacks and configurable user objects enable Lowdefy developers to build applications for every business need. See the [user authentication section](https://docs.lowdefy.com/users-introduction) in our docs for more details regarding Lowdefy authentication.
### Extensibility with npm and pnpm workspace plugins
Lowdefy **V4** introduces [plugins](https://docs.lowdefy.com/plugins-introduction), with full support for [**npm**](https://www.npmjs.com) and local [**pnpm workspace**](https://pnpm.io/workspaces) modules, making it easy to extend your apps with custom javascript Blocks, Connections, Requests, Actions, Operators, and Auth Adapters and Providers, all with build and deploy processes developers are familiar with.
Lowdefy plugins are packages installed in your project's Next.js `package.json`, thus forming part of the normal Next.js build process. While Lowdefy reduces the need for custom code, the new plugin mechanism allows developers to speed up and standardize application delivery by only coding the last mile of their application. The flexibility of **V4** plugins aims to solve the "brick wall" problem faced by many low-code frameworks, making it easy to customize applications with javascript.
### Enhanced Styling and Rendering
In this Lowdefy upgrade we are bringing back the javascript build step to Lowdefy apps.
While the Webpack module federation of **V3** simplified the build process by using one build bundle for all apps and loading front-end dependencies at run time, it introduced other problems such as:
- large loading waterfalls,
- complications for loading server side dependencies at runtime and
- limitations on app specific build process optimizations and modifications.
In Lowdefy **V4** the app-specific build step enables app-specific dependencies for bundles that can apply advanced features. For example, in **V4** any [Ant Design V4's +900 style variables](https://github.com/ant-design/ant-design/blob/4.x-stable/components/style/themes/default.less) can be modified. We've introduced this change to help you build beautiful apps with ease.
In **V4** we've also re-engineered how loading states work and added loading skeletons on a block level. This gives you precise control of loading states *while* keeping application config simple, clean, and understandable.
We've also removed blocking loading elements to instead render only when defined, resulting in a much faster user experience. On our docs introduction page this results in a 5x faster time to first meaningful paint.
## A Word on Lowdefy as a Company
Over the past 7 years our small team has focused on developing custom web applications for internal business processes of enterprise customers. These niche, high-value apps have given us the freedom to bootstrap Lowdefy as an Open-Source web framework. Lowdefy helped us speed up our onboarding process for new devs, and made both maintenance and enhancement of our many customer apps easy.
We've always been focused on building a sustainable business and staying small has given us the freedom to experiment with platform changes that would be difficult to do at scale. In the future, scaling with VC backing might make sense for us, but for now, we remain laser focused on developing Lowdefy to be the easiest way to create web apps for teams big and small.
### Monetising The Value We Create
With that said, for us to build Lowdefy to it's full potential, it needs to grow beyond the needs of us as an app development agency. With the growth of the Lowdefy community, more than 25 000 apps have been built with Lowdefy. Lowdefy is becoming the tool of choice for developers who do not want to invest time learning the complex details of javascript and web ecosystem, or for larger teams looking for an easy, secure and scalable way to publish maintainable business web apps.
Instead of building services like hosting, that other companies do really well, we have decided we should remain focused on the actual value Lowdefy provides. By charging for this, we also incentivise ourselves to build a better platform. Starting with Lowdefy **V4**, we are introducing a [capped usage based pricing](https://lowdefy.com/pricing) to Lowdefy apps that include authentication.
We believe this pricing model to best fit Lowdefy apps because:
- Predicting the maximum cost is easy as with popular user-based pricing models.
- Infrequent app users pay very little, thus allowing for the large infrequent user base use-case.
- This model scales to zero with no usage.
- It is easy to comprehend.
Ultimately we want our pricing model to align with the value Lowdefy creates, while being open to most use cases to promote Lowdefy adoption. Please see this [Github Community Discussion](https://github.com/lowdefy/lowdefy/discussions/1668) for more details regarding our license change and pricing decision.
## Licensing Changes
Given the new pricing model we have changed how we license Lowdefy. Lowdefy is now available under three different software licenses. The majority of the project will remain licensed under the Apache License Version 2.0. The paid components of the project can be used under the [Lowdefy Commercial License](https://lowdefy.com/terms), which can be "aquired" by signing up for an account at [cloud.lowdefy.com](https://cloud.lowdefy.com). The paid components are also licensed under the Business Source License Version 1.1, a source available license that allows for non-production use and that converts to the Apache License Version 2.0 after 4 years.
For more information see [the license page](https://docs.lowdefy.com/licenses) in the Lowdefy docs.
## Getting Started with Lowdefy V4
To start building applications with Lowdefy **V4**, check out our [documentation](https://docs.lowdefy.com) and explore the [plugins project example](https://github.com/lowdefy/lowdefy-example-plugins) for a pnpm monorepo / workspaces setup.
Don't forget to share your custom plugins with the Lowdefy community by publishing them to npm using `lowdefy` in the name and posting about it on our [Github Discussions](https://github.com/lowdefy/lowdefy/discussions).
We can't wait to see the amazing applications you'll create with Lowdefy **V4**! If you have any questions or feedback, feel free to reach out to us through [Github Discussions](https://github.com/lowdefy/lowdefy/discussions) or join our [community on Discord](https://discord.gg/lowdefy).
Happy coding! 🎉
- id: author_block
type: Box
layout:
flex: 1 0 auto
blocks:
- id: avatar
type: Avatar
@ -44,89 +150,3 @@ blocks:
html: |
<b>Gerrie van Wyk</b>
<p>15 January 2024</p>
- id: content
type: DangerousMarkdown
properties:
content: |
# Introducing <span class="gradient-text">Lowdefy v4</span>: The Easiest Config Webstack built on top of Next.js
We're excited to announce Lowdefy v4, an open-source framework that simplifies building web applications, internal tools, admin panels, BI dashboards, and CRUD apps using YAML or JSON configuration files.
With this new release, we've introduced several powerful features to enhance your experience and streamline your development process. As a lowdefy developer, you can expect a a faster, better performing app and easier options for connecting and using plugins.
## New Features in Lowdefy v4
1. **Next.js build**: Lowdefy apps have been converted to run on top of the Next.js framework,
2. **Plugin extensibility**: Apps can now be extended with any NPM or custome made plugins,
3. **Styling**: Styling options now include all of Ant Design's more than 900 style variables
4. **Rendering**: Greater flexibility with new deployment options and loading state updates
These improvements will help you create faster, more dynamic, beautiful, and purpose built applications with ease.
<div class="admonition tip">
<p class="admonition-title">Major updates from v3 &rarr; v4</p>
<p>
<ul>
<li>Complex Webpack module federation &rarr; Plugins installed direct to your Next.js <code>package.json</code> file </li>
<li> Single build bundle with front-end dependencies loaded at runtime &rarr; javascript build step for optimising server-side dependencies, better styling </li>
</ul>
</p>
</div>
### Built on top of Next.js
Lowdefy v4 is now built on top of the popular [Next.js](https://nextjs.org) framework. You'll now have the benefit of the thriving Next.js ecosystem. ^[Next.js is the largest [React](https://react.dev) full-stack community used in production, at scale, all over the world.]
By adopting Next.js, Lowdefy **v4** gains access to cutting-edge web development practices, faster page load times, better SEO options, best in class deployment options and ensures your apps stay modern, fast and maintainable.
<!-- This would be a great place to link to a blog post on why we like Next.js etc -->
Next.js also comes with wealth of plugins and integrations that will help you extend and optimize your Lowdefy apps. As a result, you can expect enhanced performance and an improved developer experience when building your applications.
### Extensibility with NPM Plugins
Lowdefy **v4** officially introduces [plugins](https://docs.lowdefy.com/plugins-introduction), with full support for [NPM modules](https://www.npmjs.com), making it easy to extend your apps with custom Blocks, Connections, Requests, Actions, Operators, and Auth Adapters and Providers. This plugins enable enhancements like custom javascript code and access to NPM packages of your choice, all with build and deploy processes you're already familiar with.
Lowdefy plugins are packages installed in your project's Next.js `package.json`, thus forming part of the normal Next.js build process. The performance and optimizations of Next.js are extended to your Lowdefy apps and plugins will simplify your build and deployment process.
While Lowdefy reduces the need for custom code, the abstraction paradigm introduced by the new plugin mechanism allows developers to speed up and standardize application delivery by only coding the last mile of their application. The flexibility of **v4** plugins solves the "brick wall" problem faced by all low-code frameworks, making it easy to customize applications to your needs.
### Enhanced Styling and Rendering
<!-- this section is still a bit too big -->
In this Lowdefy upgrade we are bringing back the javascript build step for all apps.
While the Webpack module federation of **v3** simplified the build process by using one build bundle for all apps and loading front-end dependencies at run time, it introduced other problems such as:
- large loading waterfalls,
- complications for loading server side dependencies at runtime and
- limitations on app specific build process optimizations and modifications
In Lowdefy **v4** the app-specific build step enables app-specific dependencies for bundles that can apply advanced features. For example, in **v4** any [Ant Design v4's +900 style variables](https://github.com/ant-design/ant-design/blob/4.x-stable/components/style/themes/default.less) can be modified. We've introduced this change to help you build beautiful apps with ease.
In **v4** we've also re-engineered how loading states work and added loading skeletons on a block level. This gives you precise control of loading states *while* keeping application config simple, clean, and understandable.
We've also removed any blocking loading elements to instead render surreptitiously, resulting in a much faster user experience. On our docs introduction page this results in a 5x faster time to [First Meaningful Paint](https://developer.mozilla.org/en-US/docs/Glossary/First_meaningful_paint) ^[The First Meaningful Paint or FMP refers to the moment it takes for the page's main content to display on the screen. ].
## A Word on Lowdefy as a Company
Over the past 7 years our small team has focused on developing custom web applications for internal business processes of enterprise customers. These niche, high-value apps have given us the freedom to bootstrap Lowdefy as an open-source web framework. Lowdefy helped us speed up our onboarding process for new devs, and made both maintenance and enhancement of our customer apps easy.
We've always been focused on building a sustainable business model and staying small has given us the freedom to experiment with platform changes that would be difficult to do at scale. In the future, scaling with VC backing might make sense for us, but for now, we are still laser focused on developing Lowdefy to be the easiest way to create web apps for teams big and small.
With the growth of the Lowdefy community, more than 25 000 apps have been built with Lowdefy. Lowdefy is becoming the tool of choice, especially for developers who do not want to waste time learning the complex javascript ecosystem from scratch upfront, and instead are just looking for an easy, secure and scalable way to publish something on the web^[Lowdefy is designed to grow with you as a developer, whether you're just looking to get something out there or are wanting to add your next layer of customisation].
To further improve the Lowdefy developer experience, we've started the development of the Lowdefy dev tools which will be the first of many commercial offerings on our path to develop the Lowdefy ecosystem while maintaining an open core business model.
If your company requires help to develop simple or complex internal applications, please reach out (<gvw@lowdefy.com>) and let's discuss how our team of engineers can assist.
## Getting Started with Lowdefy v4
To start building applications with Lowdefy v4, check out our [documentation](https://docs.lowdefy.com) and explore the [plugins project example](https://github.com/lowdefy/lowdefy-example-plugins) for a pnpm monorepo setup.
Don't forget to share your custom plugins with the Lowdefy community by publishing them to NPM using `lowdefy` in the name and posting about it on our [Github Discussions](https://github.com/lowdefy/lowdefy/discussions).
We can't wait to see the amazing applications you'll create with Lowdefy v4! If you have any questions or feedback, feel free to reach out to us through [Github Discussions](https://github.com/lowdefy/lowdefy/discussions) or join our [community on Discord](https://discord.gg/lowdefy).
Happy coding! 🎉

2
packages/website/pages/contact-us/contact-us.yaml
View File

@ -16,6 +16,8 @@ id: contact-us
type: Box
properties:
title: Lowdefy - Contact Us
style:
padding: 0px 8px
blocks:
- _ref: shared/header/header.yaml
- _ref: pages/contact-us/sections/contact_us.yaml

1
packages/website/pages/pricing/pricing.yaml
View File

@ -18,6 +18,7 @@ properties:
title: Lowdefy - Pricing
style:
backgroundColor: '#F7F7F7'
padding: 0px 8px
blocks:
- _ref: shared/header/header.yaml
- _ref: pages/pricing/sections/pay_for_what_you_use.yaml

2
packages/website/pages/privacy-policy/privacy-policy.yaml
View File

@ -16,6 +16,8 @@ id: privacy-policy
type: Box
properties:
title: Lowdefy - Privacy Policy
style:
padding: 0px 8px
blocks:
- _ref: shared/header/header.yaml
- _ref: pages/privacy-policy/sections/privacy_policy.yaml

2
packages/website/pages/terms/terms.yaml
View File

@ -16,6 +16,8 @@ id: terms
type: Box
properties:
title: Lowdefy - Terms
style:
padding: 0px 8px
blocks:
- _ref: shared/header/header.yaml
- _ref: pages/terms/sections/terms_section.yaml

BIN
packages/website/public/images/blogs/V4_Launch.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 570 KiB

2
packages/website/public/images/free-true.svg
View File

@ -1,4 +1,4 @@
<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="34" cy="34" r="34" fill="#1965F3"/>
<circle cx="34" cy="34" r="34" fill="#4484F1"/>
<path d="M14.5 33L28 46.5L53.5 21" stroke="white" stroke-width="3"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 220 B

After

Width:  |  Height:  |  Size: 220 B

8
packages/website/public/styles.less
View File

@ -294,14 +294,6 @@ td {
padding-left: 20px;
padding-right: 20px;
}
#bl-pricing,
#bl-contact-us,
#bl-terms,
#bl-blog {
padding-left: 5px;
padding-right: 5px;
}
}
// Pricing styling for small screens

3
packages/website/shared/header/menu.yaml
View File

@ -38,9 +38,6 @@ properties:
type: MenuLink
properties:
title: Blog
icon:
name: BiMessageAltDetail
color: '#1990FF'
pageId: blog
- id: pricing
type: MenuLink