Today there are a large number of plugins available for WordPress to manage various types of content and many of them work really well. However, one problem is that the user only gets the control that the plugin creator has allowed from the beginning. This project which uses the name JBlocks is made for the web development agency Fostira AB and is about the development of a Gutenberg block plugin for WordPress. Based on the company's requirements I have applied what I have learned from Webbutvecklingsprogrammet at Mid Sweden University. The main purpose of this project is to facilitate the company's daily production by providing full control over both the plugin and the blocks they mostly work with. This will reduce the workload and the time it takes to learn or configure possibly several different plugins. Hopefully this will also reduce the stress that may be associated with those tasks. My plugin consists of the most common blocks and it uses the same stylesheet to make it easier to customize the content for each specific customer. It is designed to be easily built upon by Fostira's developers if they need to in the future. The report describes all the different phases of the work from planning and the methods used to the construction and the final result. / Idag finns det en stor mängd plugins tillgängliga för WordPress för att hantera olika typer av innehåll och många av dem är väldigt bra. Ett problem är dock att användaren bara får den kontroll som skaparen av pluginen tillåtit från början. Detta projektarbete som går under arbetsnamnet JBlocks är utfört åt webbyrån Fostira AB och handlar om utvecklingen av en plugin för Gutenbergblock i WordPress. Utifrån företagets krav har jag tillämpat mina kunskaper från Webbutvecklingsprogrammet via Mittuniversitetet. Arbetets huvudsyfte är att underlätta företagets verksamhet genom att ge full kontroll över både pluginen och blocken som dom oftast jobbar med. Målet är att minska arbetsbördan för de anställda och reducera tiden de behöver spendera på att lära sig eller konfigurera plugins. Tanken är också att detta ska minska den stress som detta kan leda till. Mitt plugin består av de vanligaste blocken och använder en och samma stilmall för att enklare kunna anpassa innehållet åt varje specifik kund. Den är skapad för att på ett lättbegripligt sätt kunna byggas på av Fostiras utvecklare i framtiden om behovet av fler block skulle uppstå. Rapporten beskriver alla arbetets olika faser från planering och de metoder som använts till konstruktionen och det färdiga resultatet.

The following degree report includes the theoretical information needed to understand the retelling of a project where this report's author had the goal of building a CMS-system in the form of a block editor using the framework Laravel. This was done on-site for the company Mina Bästa Polare AB, who found a need for a CMS-system to use within their Laravel projects. This need was found through their customers' administrators needing to contact the developers for changes that otherwise could be made by the administrators if they had a CMSsystem available. The work done that is retold in this report was done in the framework Laravel, a block editor was built to be used as a CMS-system for the developers at Mina Bästa Polare to implement within their Laravel-projects. Before the development of the block editor could start the work needed to be planned, with a Gantt scheme-alike document a time estimate was made for every step in the process. The block editor was visually designed with wireframes and the database architecture was designed with an ER-diagram. The development of this block editor was done within the frameworks Laravel, Inertia, Vue and Tailwind. These techniques were used to create a full stack website that can be shown as a first example of how this CMS-system can be used within Laravel-projects. With this system available to them both the developers and customers of Mina Bästa Polare will experience a smoother running workday / Föreliggande rapport presenterar den teoretiska information som behövs för att förstå efterkommande återberättande av ett projektarbete där målet var att rapportens författare skulle bygga ett CMS-system i form av en blockeditor inom ramverket Laravel. Projektarbetet utfördes på plats hos företaget Mina Bästa Polare AB, en webbyrå baserad i Östersund som upptäckt ett behov av ett CMS-system i form av en blockeditor till sina Laravel-projekt. tillgång till ett sådant CMS-system. Ett mål är att editorn skall bli så “decoupled“ som möjligt, vilket betyder att i högsta möjliga mån skall kunna implementeras i vilket Laravel-projekt som helst. Innan utvecklingen av blockeditorn påbörjades så strukturerades arbetet upp genom att det tidsplanerades med hjälp av en tidplan som liknar ett Gantt-schema vilket estimerar en tidsaspekt för varje steg i processen. Sedan påbörjades blockeditorns visuella design vilket gjordes med wireframes följt av att databasen arkitektur designades genom ett ER-diagram. Utvecklingen utfördes i ramverken Laravel, Inertia, Vue och Tailwind. Dessa tekniker användes för att i slutändan resultera i en fullstack webbplats som kan visas upp som ett första exempel på hur denna CMS-system kan användas inom Laravel-projekt. Med detta system tillgängligt kan nu inte bara Mina Bästa Polares utvecklare utan även deras kunder få en smidigare vardag när de använder detta system.