Out of the box, Directus comes with a hefty amount of tools for managing your SQL Database and the Directus API. Directus, however, also allows you to further extend the App from the branding, colors, and menu. In this tutorial, we will be looking at the different ways you can extend and customize Directus.

Directus is an open-source suite of software that wraps custom SQL databases with a dynamic API and intuitive Admin App. It allows both administrators and non-technical users to view and manage the content/data stored in pure SQL databases. It can be used as a headless CMS for managing project content, a database client for modeling and viewing raw data, or as customizable WebApp.

A Collection is a grouping of similar items. Each collection represents a table in a database.

In this tutorial, we will be creating a couple of collections to allow us to manage dynamic pages and the contents in a website or application. We will attempt to design the collections to allow Directus App Admin Users to create, edit, and manage any type of page or content.

Directus is an open-source suite of software that wraps custom SQL databases with a dynamic API and intuitive Admin App. It allows both administrators and non-technical users to view and manage the content/data stored in pure SQL databases. It can be used as a headless CMS for managing project content, a database client for modeling and viewing raw data, or as customizable WebApp.

Directus offers a full Digital Asset Management (DAM) system, multiple storage adapters, private file permissions, and on-demand thumbnail generation.

In this tutorial, we will be going through the migration and renaming process of all the files managed by Directus.

The Directus API gives you comprehensive access to all content in your database dynamically, but you can add additional endpoints as needed.

In addition to the core endpoints, you can add completely custom endpoints. Custom endpoints are easy to create files that return an array with the endpoint path, method, and handler. All custom endpoints are scoped within /custom to avoid conflicts with the Core functionality.

In this tutorial, we will be creating a custom endpoint that lets us archive the Directus Activity and Revisions Collections to keep the Database from getting bloated. We will be archiving once a month due to the traffic to our Directus Instance Server, but you can archive as you deem fit.

Modules are a way to add full-featured modules to Directus. You can build page modules for custom dashboards, reporting, point-of-sale systems, or anything else. Each page is protected within the auth gateway and can easily access project data and global variables.

Before we begin, you must have some knowledge of Vue and Javascript.

In this tutorial, we will be using the included Notification Helper provided by Directus.

Part of an ongoing series of short tutorials to bridge the communication gap between Nerds and Novices!

Creative technology is a broadly interdisciplinary and transdisciplinary field combining computing, design, art and the humanities. The field of creative technology encompasses art, digital product design, digital media or advertising and media made with a software-based, electronic and/or data-driven engine.

A creative technologist as a technology-focused professional who understands the creative process and is good at prototyping early, facilitating prototype testing and implementing changes.

In Novice Language, a creative technologist is a jack of all trade professional, that can conceptualize, strategize, design, develop, program, and market web applications and software.

Modules are a way to add full-featured modules to Directus. You can build page modules for custom dashboards, reporting, point-of-sale systems, or anything else. Each page is protected within the auth gateway and can easily access project data and global variables.

Before we begin, you must have some knowledge of Vue, PHP, and Javascript.

In this tutorial, we will be compiling best practices, links, resources, and boilerplates required to build a custom module.

Part of an ongoing series of short tutorials to bridge the communication gap between Nerds and Novices!

A content delivery network or content distribution network is a geographically distributed network of proxy servers and their data centers.

A CDN allows for the quick transfer of assets needed for loading Internet content including HTML pages, javascript files, stylesheets, images, and videos. The popularity of CDN services continues to grow, and today the majority of web traffic is served through CDNs, including traffic from major sites like Facebook, Netflix, and Amazon.

In Novice Language, a CDN is a distribution system similar to the post office network, where your mail can be available at the closest post office. Rather than driving a long distance to get your mail, it can be sent to the closest post office to your current location. This allows millions of people to be able to get their mail without having to converge at a single post office.

Part of an ongoing series of short tutorials to bridge the communication gap between Nerds and Novices!

A database is an organized collection of data, generally stored and accessed electronically from a computer system. Where databases are more complex they are often developed using formal design and modeling techniques.

In Novice Language, a database is a complex and automated spreadsheet similar to Microsoft Excel or Google Spreadsheets with a program doing most of the work rather than a human. If you have ever worked on a spreadsheet, then you have interacted with a rudimentary database.

Progressive Web Apps (PWAs) are a new frontier in responsive web design, and they're growing in popularity. PWA support started with Chrome on Android, and is now available on most other Android browsers, such as Opera, Firefox, Samsung Internet and UCWeb, as well as iPhones and iPads from iOS 11.3 and Edge for Windows and Chrome on desktop operating systems.

Part of an ongoing series of short tutorials to bridge the communication gap between Nerds and Novices!

Progressive Web Applications (PWAs) are web applications that are regular web pages or websites but can appear to the user like traditional applications or native mobile applications. The application type attempts to combine features offered by most modern browsers with the benefits of a mobile experience. 

In Novice Language, PWAs are websites that you can install on your mobile device as a regular app without installing from the device market place or store.

Part of an ongoing series of short tutorials to bridge the communication gap between Nerds and Novices!

An application program interface (API) is a set of codes that allows two software programs to communicate with each other.

API in Novice Language, just allows applications to communicate and exchange data with one another. If that is all you remember, you are okay! When next you speak with your website developer, you can throw in those words and feel like a Nerd!

Part of an ongoing series of short tutorials to bridge the communication gap between Nerds and Novices!

JavaScript is a scripting language originally developed by Netscape to add interactivity to Web sites.

These days, JavaScript powers web applications (within the browser) and even web servers (remote computers that host websites).

JavaScript in Novice Language could stand for Data, Dynamic, Motion, and Interactivity. If that is all you remember, you are okay! When next you speak with your website developer, you can throw in those words and feel like a Nerd!

Part of an ongoing series of short tutorials to bridge the communication gap between Nerds and Novices!

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. 

CSS in Novice Language could stand for Colors, Styles, and Sizes. If that is all you remember, you are okay! When next you speak with your website designer, you can throw in those words and feel like a Nerd!

Part of an ongoing series of short tutorials to bridge the communication gap between Nerds and Novices!

HTML is generally the first language you would want to know if building a website, it is the foundation, frames, and walls of a website house. It is one of the triplets (HTML, CSS, and JavaScript) of standard website design and development languages. HTML is the content and elements you see when you visit a website.

You might say HTML is a Web Document - a word document that is online.

HTML in Novice Language could stand for Hyperlinks, Texts, Media, and Lists.

Directus is a free and open-source self-hosted platform published under the GNU (v3) license. It provides a simple and intuitive web interface for managing and organizing database content with completely custom architectures. It also provides a robust API to access all your data in a safe and secure manner.

Directus is a free and open-source self-hosted platform published under the GNU (v3) license. It provides a simple and intuitive web interface for managing and organizing database content with completely custom architectures. It also provides a robust API to access all your data in a safe and secure manner.

Pagination, also known as paging, is the process of dividing a document into discrete pages, either electronic pages or printed pages. If you have a web site with lots of pages or rows in a feed, you may wish to add some sort of pagination to each page or to the feed.

Directus is a free and open-source self-hosted platform published under the GNU (v3) license. It provides a simple and intuitive web interface for managing and organizing database content with completely custom architectures. It also provides a robust API to access all your data in a safe and secure manner.

What

A blog is a regularly updated website or web page, typically one run by an individual or small group, that is written in an informal or conversational style.

Directus is a free and open-source self-hosted platform published under the GNU (v3) license. It provides a simple and intuitive web interface for managing and organizing database content with completely custom architectures. It also provides a robust API to access all your data in a safe and secure manner.

Get the next record in a SQL - MySQL or MariaDB - table. Returns to the start of the table if current record is the last.

Philleep Florence has launched the new version of our web based Project Management and Ticket Tracking Software

Handlebars helper for getting the first non empty variable or object property.

After spending a day with LESS, you would not reminisce the days of CSS.

Get the value of a DOM element without having to know the type of element.

Philleep Florence launches an updated portfolio to ring in 2015!