Simple lazy responsive starter kit for CraftCMS 4 Projects.

Overview

Lazy Craft CMS 4 Boilerplate

Simple lazy responsive starter kit for CraftCMS 4 Projects.

Requirements

RTFM Craft CMS 4 Requirements

Configs

Duplicate the .env.example file as .env and do your settings! Be sure that your SITE_URL points to the /web directory.

DB

Use the boilerplate.sql as starting point. Create a new database with the settings from your .env file and import the boilerplate.sql into it. The login credentials are: admin:superuser

Development

  • npm run watch start local dev server
  • npm run production build

Check webpack.mix.js and Laravel Mix Documentation for more Informations!

Whats inside?

###Stack

###Plugins (free)

###Sections

  • Single - Home
  • Structure - Pages (Page Default, Page News Index)
  • Structure - Navigation
  • Channel - News

###Categories

  • News Categories

###Highlights

  • ContentBuilder (Text, Images, Cards, Teaser, Accordion)
  • Native Image Transform Twig Component with webp, lazyloading and srcset support
  • Sprig/htmx news pagination (pages or loadmore button)
  • Simple Alpinejs/GraphQL News Counter
  • Darkmode
  • EagerLoading
  • Tailwind Form Style Testpage
  • Seo Fields

Do you need more than a lazy boilerplate?

Check out CraftCMS Baukasten from David Hellmann

You might also like...

Remix starter kit with Tailwind CSS family of libraries: Headless UI, Radix UI, VechaiUI, daisyUI, and more

Remix starter kit with Tailwind CSS family of libraries: Headless UI, Radix UI, VechaiUI, daisyUI, and more

Remix Tailwind Starter Kit Remix starter kit with Tailwind CSS v3 family of libraries. Example demo to combine the best Tailwind-related ecosystem suc

Dec 18, 2022

A starter kit for beginners to obsidian

A starter kit for beginners to obsidian

This is a starter kit for beginners to obsidian. It is a simplified version of my vault with my daily and weekly note templates, the folder structure for my periodic notes (daily, weekly, monthly etc) and the plugin settings I use.

Dec 21, 2022

⏪ Rewinds – Remix Tailwind Starter Kit with Tailwind CSS, Headless UI, Radix UI, and more

⏪ Rewinds – Remix Tailwind Starter Kit with Tailwind CSS, Headless UI, Radix UI, and more

⏪ Rewinds – Remix Tailwind Starter Kit Rewinds is a Remix starter kit with Tailwind CSS v3 family of libraries. This is an example demo to combine the

Dec 24, 2022

Node starter kit for semantic-search. Uses Mighty Inference Server with Qdrant vector search.

Node starter kit for semantic-search.  Uses Mighty Inference Server with Qdrant vector search.

Mighty Starter This project provides a complete and working semantic search application, using Mighty Inference Server, Qdrant Vector Search, and an e

Oct 18, 2022

starter kit for interacting with zora api, protocol, and creator toolkit

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Oct 20, 2022

Web Starter Kit - a workflow for multi-device websites

Web Starter Kit - a workflow for multi-device websites

Overview Web Starter Kit is an opinionated boilerplate for web development. Tools for building a great experience across many devices and performance

Dec 31, 2022

This is a starter templete for svelte kit and maplibre.

This is a starter template for maplibre and svelte Clone this application by running git clone https://github.com/Thuhaa/svelte-maplibre-starter.git A

Nov 28, 2022

Minimal, SEO-focused website starter kit powered by Notion, GitHub, and Vercel.

Minimal, SEO-focused website starter kit powered by Notion, GitHub, and Vercel.

wr8 wr8 lets you create a website in Notion with better SEO. It is a customized version of nextjs-notion-starter-kit, based on NotionX. Introduction T

Dec 22, 2022

NextJS E-commerce starter kit with Sanity.io and Stripe API 🛍

🛍 Next.js Sanity E-commerce Starter Kit A Next.js E-commerce app with Sanity.io and Stripe API. Built with TailwindCSS framework & SASS CSS extension

Dec 29, 2022
Owner
Front-End Developer, Craft CMS, Alpine.js, Vue.js and TailwindCSS
null
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Node-cli-starter - Basic starter kit for building Node CLI applications with TypeScript.

node-cli-starter Minimal starter kit for building Node CLI applications with TypeScript. Getting Started To get started clone repo locally and run npm

Cory Rylan 7 May 17, 2022
A starter kit for scaffold-eth projects

?? scaffold-eth-cli As simple as running this in your terminal: npx scaffold-eth Clones scaffold-eth into the current folder as fast as possible ⚡️ ⁉

qedk 3 Jun 11, 2022
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.

lazysizes lazysizes is a fast (jank-free), SEO-friendly and self-initializing lazyloader for images (including responsive images picture/srcset), ifra

Alexander Farkas 16.6k Jan 1, 2023
This repository serves as a starter kit for doing simple TDD exercise

This repository serves as a starter kit for doing simple TDD exercise

adylanrff 3 Feb 19, 2022
This project is based on my nodejs starter kit. Simple CRUD project.

nodejs-crud-project Author - Akhil Sharma This project uses the nodeJS-starter project on my github. Just a demo to show you could build any project w

Akhil Sharma 105 Dec 16, 2022
Fully dockered starter kit for Elm with Hasura

elm-hasura-dockered This repo contains a Elm-Hasura starter kit for rapid+typesafe web application development on open source foundations. Elm is grea

Cies Breijs 41 Dec 9, 2022