Categories
CMS

A fresh look at Strapi

What is Strapi ?

Strapi is an open-source headless CMS which manages all content and converts it into a customizable API.
It provides:

  • Administrator interface
  • Manages the content structure or type and provides access to the content.

The word Strapi is derived from Bootstrap. Here, the developer gets a chance to choose the tools and framework according to their requirement. So, that it becomes easy to manage and distribute their content.

Strapi Tools

  • Gatsby
  • Vue.js,
  • Nuxt.js
  • Next.js
  • React
  • Angular.

Compatible Databases

  • PostgreSQL
  • SQLite
  • MariaDB
  • MongoDB and;
  • MySQL

How does it work?

  • Create and gather all the information for making content structure or type. According to it, define modules and their relationship which would be a result of good layout.
  • Simply write, edit and manage your content according to their content type. So, that it is easy to apply the functionality for fast processing.
  • Now, build the apps where all the functionality is set according to the data managed by using third-party vendors, service and any framework such as AWS(Amazon Web Services), React, etc.
  • Compile Strapi API according to the functionality set using either Restful API or GraphQL.
  • At last host your application by choosing the platform and set the one-click button for deploy.

Features of Strapi

  1. Strapi is an open-source that anyone can contribute and use from the code base on GitHub.
  2. To generate the custom structure with few clicks and arrange the content in it.
  3. It also provides an interface to easily create, edit, display and delete your content according to your requirement.
  4. REST API or GraphQL can be used for fetching data.
  5. Strapi provides access to manage data in a user system.
  6. Strapi has the facility to customize your app according to the user.

Learning Resources

You can see the learning resources for Strapi here:

  1. https://strapi.io/documentation/3.0.0-beta.x/getting-started/introduction.html#what-is-strapi
  2. https://github.com/strapi/strapi-examples

Categories
Flutter

Flutter at a glance

Flutter is a free and open source User Interface toolkit for building applications for mobile, web, and desktop by using Dart.

Dart is a language with C style syntax and can be trans-compiled into JavaScript.

Dart doesn’t use web view and OEM widgets like other frameworks i.e React Native, Ionic etc. Instead, it uses it’s own rendering engine for widgets.

Since, Dart is a compiled language so the compiler parses your code and translates it into machine language.

Flutter was introduced by Google and later handled by ECMA standard.

Features of Flutter

  • Open-source framework and free for personal or commercial use.
  • It allows cross-platform development that means you can write the code once and then it can be run on different supported platforms.
  • It has a Hot Reload functionality which means that when we change the code and the change can be viewed instantly by the developer.
  • Flutter offers the concepts of widgets which help us in developing a customised design.
  • Flutter uses Dart for creating applications and Dart is easy to learn.
  • Flutter supports faster development process and delivers a highly performant application.

Architecture of Flutter

Flutter Architecture comprises of four component such as:

  1. Flutter Engine
  2. Foundation Library
  3. Widgets
  4. Design Specific Widgets

Flutter Engine

The flutter engine is written in C++ language and it is used to implement core libraries which has animation, graphics, file and network I/O plus the plugin architecture.

Foundation Library

The foundation library is written in Dart. It provides packages which are used to construct the Flutter Application.

Widgets

Widgets are user interface components that include graphics, text, shapes and animation. It is similar to the react component that controls the view and interface of the application.

Design Specific Widgets

Flutter has 2 sets of widgets that conform to specific design language i.e. Material design widgets for Android and Cupertino widgets for ISO.

Flutter Vs React Native

  • Flutter is developed by Google and React Native is developed by Facebook.
  • To create mobile apps, Flutter uses Dart, and React Native uses JavaScript.
  • Flutter uses custom widgets for creating UI whereas React Native uses native UI components.
  • The architecture used by Flutter is Business Logic Component whereas React Native uses Flux and Redux.

For more details please visit: https://flutter.dev/docs

Books

To see the learning resources for flutter please visit: https://flutter.dev/docs/resources/books

Categories
Uncategorized

Display filename and line number in your custom laravel logs

https://stackoverflow.com/questions/39404733/laravel-log-not-showing-line-and-file

Categories
Uncategorized

How to create shared folders in Virtual Box

Setting up shared folders in Virtual Box is very tricky.

Luckily, I found the link mentioned below. It will show you how to setup shared folders in Virtual Box on Ubuntu 18.04 easily.

https://gist.github.com/estorgio/0c76e29c0439e683caca694f338d4003

Categories
Uncategorized

Threat model

https://martinfowler.com/articles/agile-threat-modelling.html

Categories
Uncategorized

The concept of time out in Cloud functions

The most important and overlooked concept is that of timeout in cloud functions on the GCP

Google recommends to have a timeout of 60 seconds in cloud functions which is a fair value.

So, next time you get an error that you are unable to deploy your cloud function because your function has timed out. Be sure to increase the value of timeout in your cloud function.

Categories
Uncategorized

Content type in WordPress

Have you ever wondered about how to create custom content type in WordPress. If you have come from Drupal and need a light weight solution then WordPress is what you need.

Like custom content type or CCK in Drupal we have CPT UI and ACF for wordpress.

Categories
Uncategorized

PDF Viewer: React

As, with video player in my previous post. I needed a pdf viewer in my react project. There are a lot of options to choose from so I was confused for a while.

Finally, I chose react-pdf and implemented it in my projects.

It has very good documentation and support. In case, you are stuck somewhere then you can always use google to help you out.

Categories
Uncategorized

Video player in react

I came across an interesting player in react. And I thought that I should share it with you guys.

It can be customised and has lots of tweaks. Without further adieu … let me introduce you to the react-player.

It has good documentation and support.

Categories
Uncategorized

Happy Holidays

It’s been a while since I have posted something new. To all site visitors; I have been busy for a while but you can expect monthly updates from now on…

Happy holidays…