• Stars
    star
    106
  • Rank 324,851 (Top 7 %)
  • Language
    PHP
  • License
    MIT License
  • Created about 5 years ago
  • Updated over 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Simple Bootstrap Laravel CMS. Support Laravel 8.x Can integrate into any existing Laravel project. Only add few database tables with prefixes, not affect your existing database tables. Support Laravel 7.x & Laravel 6.x & Laravel 5.x & MySql & PostgreSql - Amila Laravel CMS

Amila Laravel CMS

image Laravel CMS image Latest Stable Version

  • Free, open-source Simple Bootstrap Laravel CMS, support Laravel 8.x or 7.x or old Laravel 6.x & 5.x, support MySql & MariaDB & PostgreSQL
  • Can integrate with any existing Laravel project, install as an individual Laravel package
  • Only add a few database tables with a prefix, not effect your existing database tables.
  • You can easily custom the database table names, the page URL path(route) and the template(theme)
  • Build-in Website is ready after install. Easy to use, simple enough but flexible.
  • Basic Laravel 8.x/ Laravel 7.x /Laravel 6.x / Laravel 5.x syntax and blade template, no need to learn a "new language"

How to install for an existing Laravel project

  • Support Laravel 8.x & Laravel 7.x & Laravel 6.x & Laravel 5.x
// Make sure you already have laravel installed and configured the database in the .env
// Go to your laravel project folder and install it via composer
// Initialize the CMS (You can set up database table prefix and locale here)

composer require alexstack/laravel-cms && php artisan laravelcms


// Now you can access the cms frontend site: http://yourdomain/cms-home

// Access the backend with the FIRST USER of your site: http://yourdomain/cmsadmin

// Note: The default admin is the first user in your laravel database(user id = 1 )

How to set up a brand new CMS website with the latest Laravel

  • It's good for a local testing, it's support the latest Laravel version
// Step 1: Install Laravel to folder cms
composer create-project laravel/laravel cms && cd cms && composer require alexstack/laravel-cms

// Step 2: install CMS in silent mode
php artisan laravelcms --locale=en --table_prefix=cms_ --silent=yes

// Note: it will ask for database settings if you did not change the default .env file
// Note: it will automatically run a web server on port 9321 for your project

// Step 3: Now, you can access your cms backend via http://127.0.0.1:9321/cmsadmin/
// Default admin username: [email protected]  password: admin321

How to uninstall

// Uninstall the CMS
php artisan laravelcms --action=uninstall

Demo & Documents

Screenshot of the output of install command

image

Screenshot of the output of uninstalling command

image

Screenshot of the admin panel

image image image

Set locale language to cn instead of en

cn_image

Error "Route [login] not defined" while access the backend /cmsadmin/

  • This means you did not install Laravel Auth(User system)
  • Can be fixed by the below commands:
// Laravel 6.x & Laravel >= 7 & Laravel >= 8
composer require laravel/ui && php artisan ui vue --auth
// Laravel 5.x, run blow command instead
php artisan make:auth && php artisan migrate
  • After install the Auth package, please register the first user as the admin

How to log into the backend /cmsadmin/?

  • Amila CMS use your existing Laravel user system
  • You need to log in with the FIRST USER of your site (user_id = 1)
  • You can add more admin users by change the admin_ary in config/laravel-cms.php
  • If you don't have any existing user, then register a new one via http://your-domain/register

Why the uploaded image can not display (404 error)

  • You can fix it by creating a storage public link
  • php artisan storage:link
  • eg. The public/storage should link to ../storage/app/public, if the public/storage is a real folder, you should remove/rename it and run "php artisan storage:link" to set up the link.

Custom the cms route in config/laravel-cms.php

  • homepage_route: This is the frontend homepage. By default it is /cms-home, you can change it to / then remove the existing / route in the routes/web.php
# Change homepage_route to /  in config/laravel-cms.php
'homepage_route'    => env('LARAVEL_CMS_HOMEPAGE_ROUTE', '/'),

# Remove the existing / route in the routes/web.php

// Route::get('/', function () {
//     return view('welcome');
// });
  • page_route_prefix: This is the frontend page prefix. By default it is /cms-, it will match path like /cms-*. You can change it to a folder like /xxx/ or anything like xxx-, eg. Page- Article-
'page_route_prefix' => env('LARAVEL_CMS_PAGE_PREFIX', '/Article-'),
  • admin_route: This is the backend admin page route, By default, it is /cmsadmin
'admin_route'       => env('LARAVEL_CMS_BACKEND_ROUTE', '/admin2019'),
  • After changing the route, you will need to run below commands:
php artisan laravelcms --action=clear

Display an image with different size in the frontend Laravel .blade.php template file

  • .blade.php Code examples:
@if ( isset($file_data->main_image) )
    <img src="{{$helper->imageUrl($file_data->main_image, '1000') }}" class="img-fluid" />

    <img src="{{$helper->imageUrl($file_data->main_image, '500') }}" class="img-fluid" />

    <img src="{{$helper->imageUrl($file_data->main_image, 'w', '150') }}" class="img-fluid" />

    <img src="{{$helper->imageUrl($file_data->main_image, '100', '100') }}" class="img-fluid" />

    <img src="{{$helper->imageUrl($file_data->main_image, 'original', 'original') }}" class="img-fluid" />

@endif
  • You can get an image with any width and height. or use the original image.
  • Available image variables: $file_data->main_image, $file_data->main_banner, $file_data->extra_image, $file_data->extra_image_2
  • The CMS will resize the image at the first time, then will directly use it afterwards.

How to change the CSS & JS assets of the frontend?

  • The asset files located at public/laravel-cms/<theme_name>, eg. public/laravel-cms/frontend/css
  • Example code to load css or js:
<link rel="stylesheet" href="{{ $helper->assetUrl('css/main.css') }}">
...
<script src="{{ $helper->assetUrl('js/bottom.js') }}"></script>
  • The default template file will load CSS and js asset with last_modify_time parameter to avoid cache from the browser

How to set up a different template theme from the default?

  • Copy the default theme folder /resources/views/laravel-cms/frontend to /resources/views/laravel-cms/new_theme
  • Change the frontend_dir in the settings page to new_theme
  • Default value in config/laravel-cms.php
    'template' => [
        'frontend_dir'      => 'frontend',
        'backend_dir'       => 'backend',
        'backend_language'  => 'en',
        'frontend_language' => 'en',
    ]
  • run php artisan config:cache to load new config file
  • Change template settings for the pages in the backend
  • The css/js asset files will locate at public/laravel-cms/new_theme

Set default slug format and suffix for page SEO URL in config/laravel-cms.php

  • You can change it in the settings page
  • 'slug_format' can be from_title, id, pinyin
  • 'slug_suffix' can be anything you want, empty means no suffix
    'slug_format'   => 'from_title',
    'slug_suffix'   => '.html',
    'slug_separate' => '-',

Use your own PHP class / How to integrate your PHP code into the CMS

  • One simple option is to implement a method from your own PHP controller/class by adding it into a cms page. Tutorial for it.
  • Another option is to create a CMS plugin for your own project and use it for all pages. A tutorial is here. You can also publish the plugin if the feature can be used by other websites.

How to upgrade the CMS?

  • Run below command in your Laravel project folder
  • It will ask whether you want to copy the new view, asset and language files to your project
composer require alexstack/laravel-cms && php artisan laravelcms --action=upgrade
  • Upgrade screenshot

image

ReactJS for backend All Pages list

  • Laravel CMS use ReactJS for backend All Pages list, the ReactJS source code can be found here
  • The compiled js file is here: /public/laravel-cms/backend/js/reactLaravelCmsBackend.js
  • It can be switch to normal Laravel blade page by change the "react_js": true to false in the setting system.all_pages

What PHP versions do you support?

  • Amila Laravel CMS passed the basic test on PHP 7.1, 7.2, 7.3, 7.4

Laravel versions support

  • cms version >= 1.4.4, support all laravel version >= 6.0
  • cms version <= 1.4.3: support Laravel 5.x, 6.x, 7.x, 8.x
  • Please install version 1.4.3 if the laravel version is 5.x of an existing project

How to use PostgreSQL instead of MySql or MariaDB?

  • Make sure the .env changed before run the install command line. An example:
DB_CONNECTION=pgsql
DB_HOST=topsy.db.elephantsql.com
DB_PORT=5432
DB_DATABASE=oktetra
DB_USERNAME=oktetra
DB_PASSWORD=the-postgresql-password

How to store & access files on AWS s3?

  • On AWS: Create a s3 bucket and enable it as a Static website hosting, allow all public access and set s3:GetObject Bucket policy, Create an IAM user for api use.

  • Laravel .env file, set below variables:

    AWS_ACCESS_KEY_ID=
    AWS_SECRET_ACCESS_KEY=
    AWS_DEFAULT_REGION=
    AWS_BUCKET=
    FILESYSTEM_DRIVER=s3
    AWS_URL=
  • composer require league/flysystem-aws-s3-v3 ^1.0

  • done

How to install laravel/jetstream or other ui instead of laravel/ui?

// Step 1: Install Laravel to folder cms
composer create-project laravel/laravel cmsjet && cd cmsjet && composer require laravel/jetstream

// Step 2: install jetstream
php artisan jetstream:install inertia && npm install && npm run dev

// Step 3: install CMS in silent mode
composer require alexstack/laravel-cms && php artisan laravelcms --locale=en --table_prefix=jet_ --silent=yes

// Step 4: Edit routes/web.php
- Remove or comment Auth::routes();
- Change Route::get('/' to Route::get('/welcome'
- Run command: php artisan laravelcms --action=clear

// Step 5: Now, you can access your cms backend via http://127.0.0.1:9321/cmsadmin/
// Default admin username: [email protected]  password: admin321

How to install it on HeroKu?

  • Local: First, install at your localhost and make sure everything works fine
  • Local: Create a github repository for the laravelcms folder. eg. cd cms && git init && git remote add origin https://github.com/xxx.git
  • Local: Enable gd exif for heroku php: composer require ext-exif ext-gd
  • On HeroKu: create a new app from this github repository, enable automatically deploy
  • Local: to use Nginx/apache together with PHP, add a file named Procfile on folder cms with content below:
    web: vendor/bin/heroku-php-apache2 public/
  • HeroKu: add Dyno formation: web vendor/bin/heroku-php-apache2 public/
  • HeroKu: add .env variables to settings -> Config Vars
  • Done

License

  • The Amila Laravel CMS is open-source software licensed under the MIT license.

More Repositories

1

nextjs-materia-mui-typescript-hook-form-scaffold-boilerplate-starter

The scaffold & example for NextJs 15.x with ReactJs 19.x, React Hook Form, Material UI(MUI 6.x),Typescript and ESLint with simple next.js 15 example of NextJs API, React-hook-form with zod, fetch remote api, 404/500 error pages, MUI SSR usage.
TypeScript
57
star
2

nextjs-redux-toolkit-saga-react-query-hook-form-materia-mui-typescript-scaffold

The scaffold for NextJs 12.x,Redux Toolkit,Redux Saga,React Query,React Hook Form, Material UI(mui),Typescript and ESLint
TypeScript
17
star
3

Google-Recaptcha-to-any-form

Add a Google Recaptcha v2 or v3 or invisible to any custom form with flexible settings and no affection to your existing code. Also works well for SilverStripe 4.x/3.x/2.x & Larave & Wordpress & other CMS. No need jQuery.
PHP
6
star
4

Angular2-CRUD-Generator-with-Laravel-RESTful-API-Demo

Angular 2+/4/6 CRUD/BREAD Component Code Generator with Laravel RESTful API Demo and Examples. It will generate component's module.ts/route.ts/service.ts/resolver.ts/list,detail,edit-component.ts & .html for you. All code files in one folder, easy copy and past to your Angular project
PHP
4
star
5

Laravel-CMS-Plugin-Translator

Automatically translate content online via Baidu FanYi API or Google Translate API
PHP
3
star
6

Laravel-CMS-Plugin-Sub-Page

Display sub pages of the current page when you edit a page, drag & drop to change sort orders(sort_value)
HTML
2
star
7

Laravel-CMS-Plugin-System-File

Laravel system file explorer, can view & edit files online.
PHP
2
star
8

silverstripe-custom-bootstrap4-theme

The bootstrap 4 basic theme for SilverStripe - Bootstrap 4.x CSS, Font Awesome 5.x, JQuery 3.x are included in the Page.ss - Bootstrap Navbar for menu link included - Mobile page friendly - Very easy to custom
Scheme
2
star
9

Laravel-CMS-Plugin-MyPlugin001

This is a semi-finished page-tab EXAMPLE plugin, you can change the blade template & Laravel controller to fit your own usage.
PHP
2
star
10

Laravel-CMS-Plugin-External-Image-Link

Save all remote images in the page contents editor to your server, replace the image URL from remote URL to your local URL. Add rel=nofollow & target=_blank to external links for better SEO and user experience.
PHP
2
star
11

NodeJs-Express-MongoDB-Universal-CRUD-API

NodeJs-Express-MongoDB-Universal-CRUD-API(Universal MEAN API) for dynamic MongoDB tables, no need to repeat the CRUD API code for every table. Focus run it in a serverless environment.
JavaScript
1
star
12

SilverStripe-Custom-Layout-Page-with-Contact-Us-Form

SilverStripe Custom Layout Page with Contact Us Form & flexible frontend with Google Recaptcha v2 or v3.
Scheme
1
star
13

Bootstrap-Email-Css

Bootstrap4/4.3 email inline css version 59KB, can be use for HTML email template
HTML
1
star
14

cloud-configuration

This is the npm package for CloudConfig
TypeScript
1
star
15

silverstripe-all-in-one

SilverStripe All-in-one for start a new website. You can build a basic website within 30 minutes after installed.
PHP
1
star
16

React-Hook-Redux-Saga-Webpack-Starter

Create a new ReactJs project without use Create React App. And Redux, Saga, Hooks are ready for use right way. Combine codes by webpack and can hot reload code changes - automatically refresh the dev page. EXAMPLES DEMO:
JavaScript
1
star
17

SilverStripe-Custom-Carousel-Slider

Add a Custom Carousel Slider to any page for SilverStripe. Multiple built-in slider template ready to use. Very easily to custom your own slider .ss template.
Scheme
1
star