Giter Club home page Giter Club logo

sonicjs's Introduction

If you find the project promising:

⭐ PLEASE STAR THIS PROJECT ⭐ !!! :)

It will help spread the word so that I can start to generate developer feedback. Thanks in advance!

Image of SonicJs Logo https://sonicjs.com

SonicJS is a Modern Open Source "Free Forever" NodeJs Based Content Management System

SonicJs Nodejs CMS Admin Dashboard

Visit https://sonicjs.com for Details, Videos & Docs

SonicJs NodeJs Content Management System (CMS)

Overview

SonicJs is a 100% javascript based and completely REST API driven CMS built on the following tech stack:

  • NodeJs
  • Express
  • Bootstrap 4

SonicJs supports many common databases including:

  • MongoDB
  • MySQL
  • SQL Server
  • Cloudant
  • DashDB
  • DB2
  • Informix
  • Oracle
  • PostgreSQL
  • Redis
  • SQLite3
  • Flat File (Json)
  • In-Memory

Why SonicJs?

There are thousands of CMS out there and several already built on the modern JAM stack (JavaScript, API & Markup). I was looking for a solid Node.js based CMS suitable as a foundation for enterprise application development. It didn't exist. For a detailed description of why SonicJs was started, please see the about page.

Table of Contents

  1. Getting Started
  2. Quick Intro
  3. Free Forever
  4. Screen Shots
  5. Goals, Motivation & Principals
  6. Credits
  7. Sponsors

Getting Started

Pre-requisites

You just need NodeJs installed. No other setup is needed.

Setup Steps

When you first setup SonicJs locally, the default database is set to use the Flat File (Json) database. This can be used throughout your development process and even in production for sites that are primarily read-heavy.

Follow these steps and you should be good to go:

  1. Clone the repo: git clone https://github.com/lane711/sonicjs.git
  2. Install the dependencies: npm install
  3. Run it: npm start

You should see the following message in your console:

A Quick Intro to SonicJs

SonicJs is similar to Drupal CMS in that it is highly configurable. You can build your own content types using a drag and drop style form editor. All basic CRUD operations are generated on the fly by the framework. Unlike other NodeJs CMS', such as KeystoneJs, SonicJs does not generate code (a good thing!). It has a very powerful runtime engine that is built with both performance and flexibility in mind.

SonicJs can handle most common website building use-cases with ease, but it also positioned to be an enterprise application framework/platform enabling developers to start custom web application projects with a solid foundation. This can help significantly reduce the overall effort required for your project.

SonicJs is also 100% REST API based and therefor a great choice if you are looking for a Headless CMS for your mobile app or IoT project. All of the content types that you create in the admin interface are instantly exposed as REST end points. There is no need to restart the application as required in other NodeJs based Headless.

SonicJs is built with love from Orange County California.

Free Forever

If you are considering using SonicJs for your next web project, its important to know that it shall remain free forever (again similar to Drupal). Be wary of "free" open source solutions being built by start-ups or established companies that haven't made this same "free forever" commitment.

If you are interested in reading more about me or the goals and motivation of the project, please check out the "about" page here: https://sonicjs.com/about.

Also, if you've actually read down this far and happen to be a in generous mood, ⭐⭐⭐⭐⭐ would you mind given the project a star?⭐⭐⭐⭐⭐ Thanks in advance!

Screen Shots

Manage Content Types:

Manage Content Types

Drag and Drop Form Builder:

Drag and Drop Form Builder

Edit Content with Automagically Generated Forms:

Edit Content with Automagically Generated Forms

Build Advanced Forms with over 20 Field Types

Field Types

Edit Content Properties From the Front End

Front End Content Editing

Front End WYSIWYG Editor

Front End WYSIWYG Editor

Menu Manager

Menu Manager

Real Time CSS Editor

Real Time CSS Editor

Built In Media Server

Built In Media Server

Module Management

Module Management

Front End Json Editor

Front End Json Editor

Swagger API Explorer

Swagger API Explorer

Back End Login

Back End Login

Debugging

  1. From Visual Studio Code, make sure the standard debugger for Chrome extension is installed.
  2. Hit "Play"

Goals, Motivation & Principals

Please see here: https://sonicjs.com/about

Credits

SonicJs uses a number of open source packages, tools, etc but there are a couple of them that I wanted to make special mention of:

  1. Loopback - An awesome NodeJs based ORM helping to support much of the heavy lifting in SonicJs' data tier.
  2. CoreUI - a truly great open source admin theme.
  3. Formio - a rock solid form builder with loads of advanced functionality.
  4. Axios - a brilliant library for interacting with REST end points.

sonicjs's People

Contributors

lane711 avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.