Конструктор веб приложений open source

Обновлено: 02.05.2024

Here are 214 public repositories matching this topic.

artf / grapesjs

Free and Open source Web Builder Framework. Next generation tool for building templates without coding

getgrav / grav

Modern, Crazy Fast, Ridiculously Easy and Amazingly Powerful Flat-File CMS powered by PHP, Markdown, Twig, and Symfony

wowchemy / wowchemy-hugo-themes

Add options to configure CMS menu

Enable the CMS menu to be configured without overriding the CMS data file.

Upgrade FuseJS from 3.2 to 6.4

Language Pack Synchroniser (Python): Migrate from PyYAML to Ruamel to preserve comments

givanz / VvvebJs

joomla / joomla-cms

Usability Issue in Joomla when filter text

Is your feature request related to a problem? Please describe.

When you are a enduser and use an editor and plugin settings is filtering input then html is just stripping out of text.

Describe the solution you'd like

User should get notification that html was cleaning for plugin settings so better usability

Additional context

I have problem in custom fields that filter is enab

No Code Attached Yet good first issue Small tasks with clear documentation about how and in which place you need to fix things in.

In com_fields, cannot set multiple default values for the field type checkbox

microweber / microweber

LavaLite / cms

silexlabs / Silex

From JQuery to Zepto

Also an option to not include any library would be nice (all Silex components shoud be jquery-free)

  • replace JQuery with Zepto
  • remove JQuery syntax from components
  • add an option to not include JQuery/

list of all elements on page

Contact form component problem

rampatra / wedding-website

TypiCMS / Base

Codelessly / ResponsiveFramework

pH7Software / pH7-Social-Dating-CMS

😻 pH7Builder (formerly pH7CMS) 👫 is a Professional & Open Source Social Dating CMS written in PHP 8 🚀 This Social Dating Script wants to be low resource-intensive, powerful and secure. pH7Builder is included with 40+ modules and based on pH7Framework. It is also the first Professional, Free & Open Source Social Dating Site Builder Software and the first choice for creating enterprise level Dating Apps/Service or Social Networking Sites

L-Chris / vue-design

Mobirise / Mobirise

Gottwik / Enduro

wanglelecc / laracms

LaraCMS 是在学习 laravel ( web 开发实战进阶 + 实战构架 API 服务器) 过程中产生的一个业余作品,试图通过简单的方式,快速构建一套基本的企业站同时保留很灵活的扩展能力和优雅的代码方式,当然这些都得益Laravel的优秀设计。同时LaraCMS 也是一个学习Laravel 不错的参考示例。

coderedcorp / coderedcms

Allow commas in comma separated form choices

It is a common use-case to require a comma in a form choice, such as "Please specify your income: $1,000 - $2,000" etc. I think it would be preferable to use pipe separator since it is not an English grammatical character.

While we do have a very customized form page, we are still leaning on some underpinnings of wagtail.contrib.forms, so I think we will either need to provide our own choice fi

Type: Bug Something isn't working Good First Issue Good for newcomers skill: wagtail Requires knowledge of Wagtail skill: python Issue is related to Python; not Django or Wagtail specific


В 2017-м мы сравнили около 7 500 open source-инструментов для веб-разработки, из которых выбрали 27 лучших (0,4%). Это крайне конкурентный список, в который вошли инструменты, библиотеки и проекты, опубликованные в течение 2017-го. Mybridge AI оценивает их качество на основании популярности, заинтересованности и новизне. Чтобы было понятно, у выбранных продуктов среднее количество звёзд на Github — 5260.

Open source-инструменты могут почти даром повысить вашу продуктивность. Также вы можете чему-то научиться, читая исходный код и создавая что-нибудь на основе этих проектов. Так что рекомендуем уделить время и поэкспериментировать с инструментами из нашей подборки, возможно, какие-то из них прошли мимо вас.

Public APIs: коллективный список публичных JSON API для использования в веб-разработке [31 194 звезды на Github].


Hyper v2.0: терминал на основе веб-технологий [20 633 звезды на Github].


Parcel: очень быстрый, не требующий конфигурирования упаковщик для веб-приложений [15 386 звёзд на Github].


Feather: замечательные open source-иконки [11 593 звезды на Github].


Hyperapp v1.0: однокилобайтная библиотека для создания приложений с современным интерфейсом [9773 звезды на Github].


Kap: open source-инструмент для записи содержимого экрана, построенный на веб-технологиях [6318 звёзд на Github].


Pencil v3.0: доступный каждому open source-инструмент для создания диаграмм и прототипирования. Сделан с помощью Electron [5567 stars on Github].


Sizzy: инструмент для очень быстрого тестирования адаптивных сайтов [4639 звёзд на Github].


Heml: open source язык разметки для создания адаптивных электронных писем [3532 звезды Github].


No 10

Cypress: быстрый, простой и надёжный инструмент тестирования для всего, что выполняется в браузере [3243 звезды на Github].


No 11

Mail-for-good: open source-инструмент для управления некоммерческими рассылками электронных писем [2609 звёзд на Github].


No 12

Rtv: позволяет просматривать Reddit с вашего терминала [2524 звезды Github].


No 13

BundleSize: позволяет контролировать размеры пакетов [2309 звёзд на Github].


No 14

Amplitude.JS (v3.0): современный HTML5-аудиоплеер. Не нужно никаких зависимостей [2232 звезды на Github].


No 15

Mitt: маленький, 200-байтный функциональный генератор событий / pubsub [2203 звезды на Github].


No 16

Uncaptcha: обходит гугловскую аудио-reCaptcha с точностью в 85 % [2015 звёзд на Github].


No 17

Bundle-buddy: инструмент для определения дублирований пакетов в результате разделения [1995 звёзд на Github].


No 18

Git-recall: простой и удобный инструмент, помогающий быстро вспомнить, что именно вы делали [1911 звёзд на Github].


No 19

Probot: фреймворк для сборки GitHub-приложений, помогающий автоматизировать и оптимизировать рабочий процесс [1802 звезды на Github].


No 20

Hazel: этот проект позволяет легко развёртывать и обновлять сервер для Electron-приложений. Достаточно выполнить единственную команду и заполнить два текстовых поля [1775 звёзд на Github].


No 21

Speedracer: измеряет метрики производительности вашей библиотеки или приложения [1660 звёзд на Github].


No 22

Devportfolio-template: лёгкий настраиваемый шаблон для создания одностраничных персональных сайтов-портфолио, написанный с помощью JavaScript и Sass [1596 звёзд на Github].


No 23

Cell: самоуправляемый фреймворк веб-приложений [1439 звёзд на Github].


No 24

Across-tabs v1.0: обеспечивает простое взаимодействие между браузерными cross-origin-закладками [1163 звезды на Github].


No 25

Chimee: невероятно удобный браузерный видеоплеер [1009 звёзд на Github].


No 26

Propeller v1.0: адаптивный фронтенд-фреймворк, построенный с учётом Google Material Design Standards & Bootstrap [1007 звёзд на Github].


No 27

Image-trace-loader: загружает изображения, применяет к ним трассировку и экспортирует результат в виде изображений или закодированных в URL SVG+XML-данных [919 звёзд на Github].

No-code-инструменты позволяют обычным пользователям ПК создавать веб-сайты и приложения без необходимости написания программного кода. До того момента, когда подобные инструменты достаточно хорошо развились и достаточно сильно распространились, разработка простого веб-приложения была нетривиальной задачей, решить которую могли лишь программисты. Но, к счастью, в наши дни это уже не так. Несмотря на то, что no-code-инструменты не способны решить абсолютно все задачи разработки программных проектов, подбор и использование адекватного стека подобных инструментов, без сомнения, упростит и ускорит решение некоторых задач, сделает доступнее то, от чего раньше, по разным причинам, отказывались.


Если задуматься об этом, то вы, возможно, уже использовали low-code- или no-code-инструменты. А если вы занимаетесь веб-разработкой, то вероятность того, что вы уже работали с такими инструментами, возрастает. Даже если вы сами не верите в то, что пользовались подобными инструментами, знайте, что вы, хотя бы в какой-то форме, их применяли.

В этом материале мы рассмотрим некоторые из наиболее широко используемых no-code-платформ. Применение этих платформ способно упростить решение различных задач, встающих перед программистами. Но, прежде чем мы перейдём к разговору об этих платформах, поговорим о том, что собой представляют no-code-инструменты, и о том, как ими пользуются.

Что такое no-code-инструменты?

Предлагаю сразу же прояснить один важный момент: использование инструмента, в названии которого есть «no-code», не обязательно означает, что при работе с ним совершенно не нужно будет писать код. То, что называют «no-code» — это такой подход к программированию, при применении которого нет фундаментальной необходимости написания текстов программ. Вместо этого разработчику предлагается пользоваться инструментами с графическим интерфейсом.

Традиционное программирование, если говорить о таком явлении, как «no-code-инструменты», никуда не девается. Ведь эти инструменты создают программисты, которые, как раз таки, пишут обычный код. Но, в любом случае, для конечных пользователей подобных инструментов (для большинства организаций) их применение оказывается дешевле и проще, чем применение традиционных средств разработки приложений. Работа выглядит не как написание текстов программ, а как перетаскивание неких элементов мышью и работа с графическими элементами управления.

Использование no-code-инструментов

Современные no-code-инструменты позволяют создать практически всё что угодно. И вы, даже если сами об этом не знаете, многое уже делали с помощью подобных инструментов. Они дают своим пользователям множество возможностей — от создания веб-сайтов до разработки приложений. Используя такие инструменты, вы можете автоматизировать задачи, которые вам приходится решать на работе или дома, можете организовывать данные, создавать проекты на заказ и получать за это деньги. Кстати, можете вспомнить, когда вы создавали какой-нибудь опрос в интернете? Средства для создания подобных опросов — это тоже no-code-инструменты.

Нельзя сказать, что no-code-движение нацелено на определённую отрасль экономики или сферу деятельности. Существует множество разновидностей таких инструментов. Но это не отменяет того факта, что все подобные инструменты создаются ради достижения неких целей в различных областях.

А теперь, когда мы немного разобрались с тем, что такое no-code инструменты, и с тем, зачем они нужны, поговорим о самих этих инструментах.

1. Bubble

Bubble — это платформа, которая позволяет создать приложение и передать его тем, кто будет им пользоваться, за считанные часы. При этом такое приложение может представлять собой проект, который растёт вместе с создавшей его компанией. На стороне тех, кто пользуется Bubble — простота, функциональность и набор мощных инструментов. Эта платформа позволяет создавать сложные приложения, обладающие широким набором возможностей, но при этом совершенно обойтись без написания кода. Она отлично подойдёт тем, кто раньше не занимался программированием.

▍Основные особенности

  • Лёгкость использования и огромная мощность.
  • Отличная библиотека шаблонов.
  • Поддержка настройки различных параметров.
  • Наличие недорогого тарифного плана, который позволяет создать что-то стоящее и заработать на этом.

2. Glide

Glide — это инструмент, который, буквально за 5 минут, позволяет создавать приложения, основанные на таблицах Google. В частности, речь идёт о мобильных приложениях. При этом до тех пор, пока пользователю этого средства не нужны определённые возможности, применять его он может бесплатно. И опыт программирования для работы с Glide не нужен. Если вам или кому-то из ваших знакомых нужно приложение, его можно быстро создать с помощью Glide. Надо отметить, что на сайте проекта имеются качественные шаблоны и руководства.

▍Основные особенности

  • Лёгкость разработки приложений, экономящая деньги и время пользователей.
  • Простота использования (даже для людей, не знакомых с информационными технологиями на достаточно глубоком уровне).
  • Приложения, не отличающиеся особыми требованиями к применяемым в них возможностям платформы и к её ресурсам, можно разрабатывать, пользуясь бесплатным тарифным планом.

3. Webflow

Webflow — это платформа, которая позволяет создавать, тестировать и публиковать сайты без необходимости писать код (или HTML-разметку). Создание хорошего, высококачественного сайта — это, традиционно, задача, на выполнение которой требуется много времени. Более того, в былые времена даже для создания персонального веб-проекта, достаточно современного и функционального, требовались немалые знания. Теперь же, благодаря таким инструментам, как Webflow, создавать привлекательные и функциональные сайты стало гораздо легче, чем раньше. По сути, главная задача того, кто пользуется Webflow, заключается в том, чтобы разобраться в том, что именно ему нужно, и применить соответствующие механизмы платформы для достижения желаемого.

▍Основные особенности

  • Интуитивная понятность.
  • Доступность.
  • Простота использования.
  • Наличие отличных учебных руководств.
  • Множество шаблонов, ускоряющих разработку.

4. Adalo

Adalo — это платформа, которая позволяет очень быстро создавать интерактивные приложения. Воспользоваться ей сможет даже тот, кто не знает ни одного языка программирования. Хотя платформа Adalo похожа на Glide, в ней упор делается на визуальную разработку приложений в стиле «drag-and-drop», что позволяет её пользователям сразу же видеть то, что они создают. Тому, кто хочет освоить эту платформу и понять границы её возможностей, имеет смысл начать с проработки тех качественных учебных руководств, которые для неё созданы.

▍Основные особенности

  • Интуитивная понятность.
  • Возможность разработки мобильных приложений, рассчитанных на публикацию в Apple App Store и Google Play.
  • Отличные учебные руководства.
  • Доступные цены.

5. Bravo Studio

Bravo Studio — это проект, цели которого выражены предельно ясно. А именно — это инструмент, создавать приложения с помощью которого — это значит — заниматься их дизайном, но не написанием их кода. Хотя эта платформа отличается очень приятным инструментарием для сборки приложений, она представляет собой нечто большее. В частности, она поддерживает интеграцию сторонних API. Это позволяет создавать на её основе сложные приложения, придавая приятный вид внешним данным. Bravo Studio, кроме того, помогает разработчикам в деле тестирования и публикации приложений.

▍Основные особенности

  • Поддержка интеграции внешних данных в приложения.
  • Возможность обогащения внешнего вида приложения за счёт различных графических элементов и эффектов.
  • Пошаговые руководства по публикации приложений в Apple App Store и Google Play.

6. Carrd

Carrd — это платформа, которую можно назвать мудрым выбором для тех предпринимателей, которым постоянно нужно создавать одностраничные сайты, делая это как можно быстрее. Интерфейс Carrd позволяет создавать такие сайты буквально за считанные минуты. Здесь, кроме того, имеется множество шаблонов, которые можно подстраивать под свои нужды. Эту платформу можно назвать «упрощённым аналогом Webflow».

▍Основные особенности

  • Доступность.
  • Впечатляющие шаблоны.
  • Возможность простого и быстрого создания сайтов.

7. Thunkable


Thunkable — это платформа для создания мобильных приложений. Известно, что процесс разработки приложения включает в себя такие шаги, как планирование и реализация задуманного. На этапе планирования функционала приложений очень ценна возможность быстрой проверки различных гипотез. Благодаря той скорости разработки, которая доступна тем, кто выбрал, Thunkable, у них появляется возможность быстро проверять свои идеи с участием потенциальных пользователей.

▍Основные особенности

  • Простой и удобный интерфейс.
  • Доступные тарифные планы.
  • Графические инструменты для сборки приложений.
  • Мощные возможности.

8. Zapier


Zapier — это правильный выбор для тех, кто ищет инструмент для автоматизации различных задач, но при этом не хочет писать сложный код. Zapier позволяет интегрировать приложения, автоматизировать различные задачи и систематизировать рабочие процессы, не написав при этом ни одной строки кода.

▍Основные особенности

  • Простота автоматизации скучных повседневных задач.
  • Обычно — сравнительно лёгкая настройка.
  • Наличие достойного набора бесплатных возможностей и недорогие тарифные планы для тех, кому нужно нечто большее.

9. Voiceflow


Voiceflow — это инструмент, который, вероятно, получил известность благодаря своему пользовательскому интерфейсу. На него стоит обратить внимание тем, кто хочет оснастить свои проекты голосовыми возможностями. Voiceflow позволяет создавать приложения для Amazon Alexa и Google Assistant, максимально расширяя диапазон пользователей, которым доступны такие приложения. Пользоваться этой платформой очень просто, создание голосовых приложений производится в визуальном режиме, без необходимости писать код.

▍Основные особенности

  • Широкие возможности, но при этом — интуитивная понятность.
  • Достойный пользовательский интерфейс.
  • Хорошо подходит для новичков, заинтересованных в создании голосовых приложений.

10. Airtable


Airtable — это платформа, ориентированная на работу с электронными таблицами и базами данных, которая не требует от своих пользователей навыков программистов. Airtable напоминает электронную таблицу, но возможности этого инструмента гораздо шире. В частности, речь идёт об управлении проектами, о едином пространстве для командной работы. Для Airtable характерна простота использования, достигаемая благодаря применению графических средств. Но это — ещё и инструмент, с которым приятно и даже весело работать (тот, кто когда-либо пользовался инструментами для управления проектами, знает, что приятный интерфейс способен положительно повлиять на «боевой дух» членов команды).

▍Основные особенности

  • Интуитивная понятность.
  • Бесплатная версия обладает массой полезных возможностей, а платная стоит не слишком дорого.
  • Возможность глубокой настройки, что позволяет создать на этой платформе практически всё что угодно.
  • Поддержка создания сайтов и приложений, основанных на базах данных.

Итоги

Мы рассмотрели 10 no-code-инструментов, на которые стоит обратить внимание в 2021 году. На самом деле, таких инструментов существует гораздо больше. Надеемся, вы, если чувствуете потребность в чём-то подобном, или ощутили её после прочтения этой статьи, сможете найти именно то, что вам нужно.

image

Просто невероятно, какое множество инструментов появилось в последнее время для почти мгновенного создания бизнес приложений.

Я бы хотел рассмотреть, что это за инструменты, как именно они помогают, и какие выглядят наиболее многообещающе.

Переведено в компании 8base.

Что такое low code?

В моем понимании, к low code можно отнести инструменты, которые способны экономить разработчику существенное время, и которые могут быть реализованы с помощью кода. Области применения:

  • Хостинг (размещение, масштабирование)
  • Backend (сбор данных, обработка данных, подключение к API, хранение данных)
  • Аккаунты и платежи пользователей (управление пользователями, членство, подписки)
  • Фронтенд (компоненты пользовательского интерфейса, управление состоянием)
  • Маркетинг (лэндинг, списки email, аналитика)
  • Расширение (информирование других людей о вашем существовании, сбор обратной связи)
  • Итерация (сбор обратной связи, улучшение вашего продукта и маркетинга)

Инструменты Low Code

Генератор мобильных приложений

    (создает адаптивное веб-приложение, пока еще это не настоящее мобильное приложение) (реальный экспорт приложений, API базы данных и уведомления)

Дополнения и всплывающие окна

Подписки и марктеплейсы

Эти инструменты помогают быстро настроить маркетплейс или сайт, основанный на модели подписки.

Бэкенд как сервис

Эти инструменты устраняют проблемы, связанные с управлением данными, хранением данных, управлением пользователями и хранением файлов.

Простой бэкенд как сервис

Эти продукты обеспечивают действительно простой сервис, но позволяют легко преобразовать статический сайт в динамический.

Таблицы в качестве базы данных

Быстрый и простой способ начать, но нужно изучить вопрос безопасности.

Генераторы приложений и SaaS

Дают неплохое подспорье на старте.

Автоматически сгенерированные панели администрирования

Используют схему для создания пользовательского интерфейса, который позволяет администраторам управлять данными и пользователями.

Продвинутые таблицы

Эти инструменты работают как внутренние панели администратора, добавляя расширенные возможности в модель электронных таблиц.

Быстрое и простое прототипирование

Я не сразу решился добавить этот раздел, но думаю, что он актуален. Хотя бы потому, что я считаю, что цель большинства low code инструментов состоит в том, чтобы создание полноценных приложений больше походило на создание прототипов. Итак, посмотрите на эти инструменты, чтобы узнать, чего могут в будущем достигнуть продукты для разработки.

Простые визуальные конструкторы веб-приложений

Эти продукты ориентированы на легкое достижение единственной цели.

Сложные визуальные конструкторы веб-приложений

Они делают некоторые вещи проще, но не дают особой гибкости. Я думаю, что они пригодятся в основном для создания бэк-офис приложений, а не приложений, ориентированных на пользователя. Также они могут быть не годны для использования на мобильных устройствах.

    и Zeroqode (кажется весьма мощным)
  • Knack (может выполнять вычисления, логин и простые представления базы данных)

Конструкторы для конструкторов визуальных веб приложений

Упрощаем разработку, вводим новые концепции

Некоторые из самых интересных и революционных инструментов попали именно в эту категорию. Эти инструменты обеспечивают большую гибкость при сокращении по крайней мере одного этапа разработки продукта (например, базы данных, серверной части, инструмента сборки, передачи).

Преобразование статического дизайна в приложение

Это кажется довольно трудным в реализации, но если они смогут это выполнить, будет круто.

    (переводит набросок в UI код, без перехода от проектирования к разработке)

Упрощаем стек — современные версии

Эти решения пытаются сохранить преимущества современных фреймворков (эргономика, обновления в реальном времени, компоненты интерфейса), устраняя при этом головную боль (нагромождение ресурсов или рендеринг на стороне сервера или просто слишком много всего, за чем надо следить).

Новые типы инструментов

Инструменты, которые сильно отличаются от обычных, и могут сэкономить массу времени.

    и Crystal (Хочу попробовать, буду использовать их чтобы сделать Base API)

Запрос базы данных к приложению

Эти инструменты позволяют генерировать интерфейс приложений из запросов к базе данных.

Упрощаем стек — традиционно, но современно

    (надежный, стабильный, все еще супер мощный) (надежный, стабильный, все еще супер мощный) (много активности, большое сообщество)

Интересные фреймворки и стеки

Это одни из самых интересных сочетаний в мире фреймворков.

    + Next.js + Gatsby + Sapper + Gridsome (автоматически сгенерированные формы и схемы) (возможно, скоро восстанет из мертвых)

Фреймворки для быстрой разработки приложений

Эти инструменты ориентированы прежде всего на скорость. Они могут страдать в плане гибкости, но ваша способность быстро выйти на рынок и проверить свою идею компенсирует это.

    (продукт автора статьи, создает веб приложения на HTML) (классная штука)

Фреймворки для быстрой разработки API

Эти инструменты позволяют очень быстро генерировать API из базы данных, что потенциально экономит годы работы.

Конвертируем сторонние сайты в API

Эти инструменты сканируют сторонние веб-сайты, собирают их информацию в структурированном формате и позволяют использовать данные в своем веб-приложении.

Фреймворки в процессе разработке

Классные новые фреймворки, которые пока не вышли.

Языки определения веб-приложений

Эти инструменты позволяют вам создавать высокоуровневую концепцию вашего приложения, которое затем легко переносится на выбранный вами язык / фреймворк.

Обычно не подходят для создания полноценного веб-приложения, но отлично подходит для управления конструктором веб-сайтов.

    (Хочу попробовать) (Хочу попробовать) (Хочу попробовать) + headless CMS (Хочу попробовать) (дает точный контроль)

Высокоуровневая / простая CMS

Эти инструменты позволяют больше сосредоточиться высокоуровневых компонентах, позволяя вам определять контент, не вдаваясь в детали.

Шаблоны лендинговых страниц

Эти инструменты помогут запустить ваш маркетинговый веб-сайт, предоставив вам HTML и CSS. Вам нужно будет отредактировать его и организовать хостинг самостоятельно.

CMS с уникальным подходом

Использует нативные веб-инструменты (например, онлайн таблицы), которые знакомы пользователям и могут легко подключаться к нескольким платформам в качестве серверной части.

CMS для блогов

Электронная таблица на сайт

Конструкторы рабочих процессов (управление процессами)

Конструкторы рабочих процессов (автоматизация маркетинга)

Headless CMS

Упрощает управление данными, поэтому вы можете сосредоточиться на их отображении.

Сверх CMS

Более мощные, чем стандартные CMS, системы.

    (headless CMS, конструктор сайтов, e-commerce) + Elementor или Sage + ACF (пока не понятно что это, но утверждают что сэкономят много времени!)
  • Keystone 5 (CMS / шаблон приложений) (headless CMS + ui конструктор)

Эндпоинты для форм

Эти сервисы позволяют собирать информацию о посетителях и, возможно, отображать ее где-то еще.

Быстрое создание пользовательского интерфейса (предварительно созданные компоненты пользовательского интерфейса)

Эти пользовательские фреймворки содержат предварительно созданные страницы и компоненты, поэтому вы можете просто собрать их вместе, как пазл, для создания отличного веб-приложения.

Быстрое создание пользовательского интерфейса (собери сам)

Вам все еще нужно заниматься бэкендом, но эти простые в использовании библиотеки сделают ваш фронтенд красивым не прилагая значительных усилий.

Быстрое создание пользовательского интерфейса (генерируем UI компоненты)

Эти UI фреймворки идут частично предварительно собранными или позволяют создавать пользовательский интерфейс с помощью визуального компоновщика.

Быстрая генерация фронтенда (уникальные инструменты)

Эти инструменты используют новый подход к генерации фронтенд кода, что дает вам преимущество, и в то же время они весьма гибки.

Специализированные приложения

Эти инструменты помогут вам реализовать какую-то одну функцию действительно хорошо с минимальными усилиями.

    (добавляет функцию импорта данных в ваше приложение)

Инструменты для сбора обратной связи

Генератор конфигурации

Комментарии и советы

«Комбинируйте Hasura (автоматический GraphQL поверх PostgreSQL) с React Admin (low code CRUD приложение) и вы можете за считанные часы создать весь административный пакет или приложение для бэк-офиса (API эндпоинты и фронтенд администратора)» — cpursley на HN.

«В итоге мы использовали AppSync, и это впечатляет. Я настоятельно рекомендую всем, кто работает в экосистеме AWS, проверить это. AppSync очень легко интегрируется со многими другими сервисами AWS (Cognito, S3) и позволяет использовать Dynamo / Aurora / RDS / Elastic в качестве источников данных. Кроме того, вы также можете использовать Lambda для реализации резолверов, которым требуется более сильная бизнес-логика, делающая сервис невероятно мощным» — afvictory на HN.

«PostgREST является производительным, стабильным и прозрачным. Он позволяет нам действительно быстро загружать проекты и фокусироваться на наших данных и приложениях, а не на создании слоя ORM» — Анупам Гарг из отзыва.

Заключение от переводчика

Несомненно, автор не перечислил все возможные решения. Если бы он поставил такую цель, то размер статьи вырос бы в 3-4-5 и тд раз. Он упомянул знакомые ему, наиболее привычные и удобные инструменты. Надеюсь, часть из них пригодится и вам. Будет здорово, если в комментариях вы расскажете об аналогичных продуктах, которыми пользуетесь вы сами.

Перевод выполнен в компании 8base

8base – это готовый к использованию GraphQL backend-as-a-service, который постепенно превращается в полноценную low code платформу разработки. Наша цель – дать возможность разработчикам, обладающим навыками front-end или мобильной разработки, создавать масштабируемые бизнес-приложения.

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

GrapesJS

GrapesJS is a free and open source Web Builder Framework which helps building HTML templates, faster and easily, to be delivered in sites, newsletters or mobile apps. Mainly, GrapesJS was designed to be used inside a CMS to speed up the creation of dynamic templates. To better understand this concept check the image below

GrapesJS - Style Manager

Generally any 'template system', that you'd find in various applications like CMS, is composed by the structure (HTML), style (CSS) and variables, which are then replaced with other templates and contents on server-side and rendered on client.

Table of contents

Local and remote storage

Default built-in commands (basically for creating and managing different components)

For the development purpose you should follow instructions below.

Clone the repository and install all the necessary dependencies ( yarn is highly recommended)

Start the dev server

    - Export GrapesJS templates in a zip archive - Add Filestack uploader in Asset Manager - Replaces the built-in RTE with CKEditor - Add the Aviary Image Editor (dismissed, use the plugin below instead) - GrapesJS TOAST UI Image Editor - Basic set of blocks - Set of form components and blocks - Simple navbar component - Simple countdown component - Add gradient type input to the Style Manager - Add filter type input to the Style Manager - Full-stack background style property type, with the possibility to add images, colors, and gradients - Add the flexbox block - Slider component by using lory - Simple tabs component - Simple, CSS only, tooltip component for GrapesJS - Embed custom code - Enable touch support - Storage wrapper for IndexedDB - Storage wrapper for Cloud Firestore - Custom CSS parser for GrapesJS by using PostCSS - Typed component made by wrapping Typed.js library
    - Webpage Builder - Newsletter Builder - Newsletter Builder with MJML components

If you like the project and you wish to see it grow, please consider supporting us with a donation of your choice or become a backer/sponsor via Open Collective

PayPalMe
Bitcoin

Читайте также: