Company profile made easy with Compromeez

I used to develop web application with Laravel and sometimes I got a freelance project to build company profile website. I usually use WordPress to get the job done and I am not enjoyed working with it. I spend most of the project's time configuring the design of the pages, searching the correct plugin for the required feature, and figuring out how to use the plugin.

Recently, I found out that some of the web hosting providers support deploying Laravel. So, this idea comes into my mind. Why don't we build company profile template with Laravel and Vue?

Features

Compromeez is built using Laravel Starter Kit with Vue so it has all necessary features for modern web application such as:

  • Secure authentication
  • User profile management
  • Beautiful admin page template and components
  • Responsive design for phones, tablets, and desktops
  • Light and Dark mode switch

On top of Laravel built-in features, Compromeez adds features specifically designed for company profile website.

Landing page and blog posts

Compromeez provide you with beautiful landing page and blog posts page. You can start building from there template and add more pages your own.

landing page and blog posts
Landing page and blog posts
mobile screen view
Mobile screen view

Administration and management

screenshot of logged in user pages in mobile
Screenshot of logged in user pages in mobile

Basic CMS administrations provided are user management and article management. Along with management features, Compromeez provides you with pagination and toast notification components.

screenshot of list article page with pagination and toast notification
Pagination and toast notification

User management

screenshot of user management page
User management feature

If the client has several dedicated people to manage the article, we got you covered. Two basic roles are available to choose on user creation page, admin and user.

Rest assured that only user with admin role can manage the user 😉.

Article management

screenshot of create article page
Create an article with WYSIWYG editor

Compose meaningful article easily with WYSIWYG editor powered by VueQuill. Inserting image to the article is handled with quill-image-uploader and uploaded image is stored locally.

Optimized SEO

To support social media sharing, Compromeez implements Open Graph meta tags on the home page, blog posts page, and article page.

article page with social share preview
Article page with social share preview

Easy sitemap generation

The sitemap.xml file is used by web crawler to get informations from your website pages. It can help indexing process by search engines noticably faster for your website.

Generating sitemap.xml file is easy as running Artisan command:

php artisan sitemap:generate

You can find your newly generated sitemap.xml file in public directory.

If you add more pages in your website, you should add them to be included in the sitemap creation process that defined in app/Console/Commands/GenerateSitemap.php.

Development

Getting started with Compromeez is pretty straightforward. If you have PHP 8.4+, Composer, and Node.js 20+, you're good to go.

Go to Compromeez repository in GitLab and then clone the repository or download the source code.

Start with installing project dependencies, setting up Laravel, perform database migration and seeding by running:

composer run setup

Next, we need to link the directory to upload image into public folder so it can be displayed.

php artisan storage:link

Now, we are ready to launch the application.

composer run dev

See the application in http://localhost:8000 and build beautiful website!

Assalaamu 'alaikum 👋

Saya Findra. Selamat datang di blog saya. Di sini, saya berbagi panduan seputar Debian, pengembangan aplikasi web, serta berbagi catatan pribadi.

Saya berharap blog ini bisa jadi sumber daya yang bermanfaat dan menumbuhkan semangat belajar kita bersama, terutama dalam ekosistem Linux dan teknologi web.

Semoga bermanfaat!