DEV Community

Cover image for Starting to build a Laravel simple website
Klim Semenov
Klim Semenov

Posted on

3 1

Starting to build a Laravel simple website

This is the first post of the series, where I will build a Laravel simple website. It will be an items catalog with the admin panel.

I use Miro online whiteboard to design, what will be on the future website.

Here is the final diagram.

Miro Board

Now let's explore it more detailed.

Our website will consist of 3 pages:

  • Index
  • Items List
  • Items Detail

The backend framework, that I chose, is Laravel. It is a very popular PHP framework nowadays with strong documentation.

The frontend part of the website will be working on MVP.css. It is a simple stylesheet for HTML elements with no classes at all. For my purposes, it fits very well. Because my attention will be concentrated on the Laravel framework in this project.

Also, I want to build a simple administration panel with no additional frameworks or CMS. Of course, we need to protect it with the authorization module. It will be written in pure Laravel. No registration will be supported or social authorization with Facebook or others for the project simplicity.

Our admin panel will use Taiwind CSS framework, which is extremely popular in the dev community.

Using utility classes to build custom designs without writing CSS

This is a very useful technique in case of building an admin panel from scratch.

So, let's see our final tech stack:

  • Laravel (the backend of our website)
  • MVP.css (the frontend)
  • Tailwind CSS (the admin panel frontend)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️