{"id":1,"type":"Standard","slug":"\/","seo":{"title":"CoreKit Showcase: CoreKit - a website builder system","meta":[{"name":"description","content":"CoreKit - a website builder system"},{"name":"generator","content":"TYPO3 CMS x T3Headless"},{"property":"og:title","content":"CoreKit - a website builder system"},{"property":"og:description","content":"CoreKit - a website builder system"},{"property":"og:image","content":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_3d9dd35b63.jpg"},{"property":"og:image:url","content":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_3d9dd35b63.jpg"},{"property":"og:image:width","content":"2000"},{"property":"og:image:height","content":"1050"},{"name":"twitter:card","content":"summary"}],"link":[{"href":"https:\/\/showcase.cp-plan.net\/","rel":"canonical"}],"htmlAttrs":{"lang":"de","dir":null},"bodyAttrs":{"class":"pid-1 layout-"}},"meta":{"title":"CoreKit - a website builder system","subtitle":"","abstract":"","description":"CoreKit - a website builder system","keywords":"","canonical":"","robots":{"noIndex":false,"noFollow":false},"author":"","authorEmail":"","ogTitle":"CoreKit - a website builder system","ogDescription":"CoreKit - a website builder system","ogImage":{"publicUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/media\/growtika-g5kpSCf3dOs-unsplash.jpg","properties":{"title":null,"alternative":null,"description":null,"link":null,"linkData":null,"mimeType":"image\/jpeg","type":"image","filename":"growtika-g5kpSCf3dOs-unsplash.jpg","originalUrl":"\/fileadmin\/media\/growtika-g5kpSCf3dOs-unsplash.jpg","uidLocal":42,"fileReferenceUid":93,"size":"391 KB","dimensions":{"width":3840,"height":2160},"cropDimensions":{"width":3840,"height":2160},"crop":{"social":{"cropArea":{"x":0,"y":0.03333333333333333,"width":1,"height":0.9333333333333333},"selectedRatio":"1_91:1","focusArea":null}},"autoplay":null,"extension":"jpg"}},"twitterTitle":"Home","twitterDescription":"CoreKit - a website builder system","twitterCard":"","twitterImage":null},"content":[{"id":78,"type":"pncorekit_herovarianta","showNavigation":true,"showDots":true,"autoplay":false,"sliderElements":[{"id":3,"layout":"top-left","headline":"CoreKit \u2013 Build Once, Ship Everywhere","headlineType":"h1","subheadline":"Shared Component Library","bodytext":"

\u00dcber 30 fertige Module, bew\u00e4hrte Architektur und ein einziges CLI-Kommando bis zum laufenden Projekt.<\/p>","ctas":[{"linkTitle":"Showcase entdecken","linkUrl":"https:\/\/www.youtube.com\/shorts\/_6HzLIJPH2A","linkTarget":"_blank","linkClass":"pn-btn-primary","download":false},{"linkTitle":"Docs","linkUrl":"https:\/\/www.youtube.com\/shorts\/_6HzLIJPH2A","linkTarget":"_blank","linkClass":"pn-btn-secondary","download":false}],"image":{"id":85,"altText":null,"title":null,"srcsetCandidates":[{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_c3ad6ce8a6.webp","width":736,"height":736},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_07414931db.webp","width":712,"height":712},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_17797eff67.webp","width":608,"height":608},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_db0ad2ba17.webp","width":584,"height":584},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_61b411a434.webp","width":464,"height":464},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_8c98ac6b18.webp","width":343,"height":343}]}}]},{"id":93,"type":"pncorekit_accordion","content":{"intro":{"introAlignment":"center","headline":"Good to know","headlineType":"h2","subline":"Frequently Asked Questions","introtext":"

Die wichtigsten Fragen und Antworten rund um CoreKit.<\/p>","ctas":[]},"openFirst":false,"allowMultiple":false,"accordionElements":[{"id":57,"title":"Kann ich CoreKit auch ohne TYPO3 nutzen?","bodytext":"

Die Architektur ist CMS-agnostisch aufgebaut, Frontend und Backend sind sauber getrennt. Aktuell l\u00e4uft alles \u00fcber TYPO3, aber die Anbindung weiterer Systeme wie Contentful oder Storyblok ist vorbereitet.<\/p>"},{"id":56,"title":"Gibt es eine Dokumentation?","bodytext":"

Ja \u2013 einen interaktiven Showcase mit allen Modulen, Storybook f\u00fcr die Component-Dokumentation und Architektur-Docs f\u00fcr Entwickler.<\/p>"},{"id":55,"title":"Wer pflegt CoreKit?","bodytext":"

Das TechNest-Team. CoreKit wird zentral gepflegt und w\u00e4chst mit jedem Projekt. Feedback aus den Projektteams flie\u00dft direkt in die Weiterentwicklung.<\/p>"},{"id":54,"title":"Wie lange dauert das Setup?","bodytext":"

Wenige Minuten. CLI-Befehl ausf\u00fchren, ein paar Fragen beantworten, fertig. Das Projekt kommt komplett konfiguriert mit allen Modulen und Design Tokens.<\/p>"},{"id":53,"title":"Brauche ich ein TYPO3 Backend?","bodytext":"

F\u00fcr CMS-Inhalte ja. Lokal kannst du gegen die CoreKit-API entwickeln \u2013 du brauchst kein eigenes Backend-Setup, um direkt loszuarbeiten.<\/p>"},{"id":52,"title":"Bekomme ich Updates in bestehende Projekte?","bodytext":"

Geplant. Gemeinsame Module und Verbesserungen werden k\u00fcnftig \u00fcber ein Shared Repository bereitgestellt. Deine projektspezifischen Anpassungen bleiben dabei erhalten.<\/p>"},{"id":51,"title":"Welches CMS wird unterst\u00fctzt?","bodytext":"

Aktuell TYPO3. Die Architektur trennt Frontend und CMS aber sauber voneinander, sodass weitere Anbindungen wie Contentful oder Storyblok ohne gro\u00dfen Umbau m\u00f6glich sind.<\/p>"},{"id":50,"title":"Wie funktioniert das Design-Token-System?","bodytext":"

Basiert auf Tailwind CSS 4 mit CSS-first-Konfiguration. Farben, Abst\u00e4nde, Rundungen, Schriften \u2013 alles l\u00e4uft \u00fcber CSS Variables. Du passt einen Satz Tokens an und das komplette Projekt sieht anders aus.<\/p>"},{"id":49,"title":"Kann ich eigene Module hinzuf\u00fcgen?","bodytext":"

Klar. Custom Components haben einen eigenen Ordner und k\u00f6nnen die Shared Library erg\u00e4nzen oder \u00fcberschreiben. Die Basis bleibt dabei unangetastet.<\/p>"},{"id":48,"title":"Wie starte ich ein neues Projekt?","bodytext":"

Ein CLI-Befehl, ein paar Fragen beantworten \u2013 und das Projekt steht. Komplett eingerichtet mit allen Modulen und der gesamten Architektur.<\/p>"},{"id":47,"title":"Welche Module sind enthalten?","bodytext":"

\u00dcber 30 St\u00fcck: Hero-Stages, Accordions, Card Carousels, Formulare, Navigation und einiges mehr. Jedes Modul l\u00e4sst sich per Design Tokens ans Projektdesign anpassen, ohne den Code zu \u00e4ndern.<\/p>"},{"id":46,"title":"F\u00fcr wen ist CoreKit gedacht?","bodytext":"

F\u00fcr Teams, die Webprojekte mit Next.js und TYPO3 umsetzen. Statt jedes Mal bei null anzufangen, startest du mit einer getesteten Basis und steckst die Zeit in das, was dein Projekt wirklich ausmacht.<\/p>"},{"id":45,"title":"Was ist CoreKit?","bodytext":"

CoreKit ist unsere Component Library f\u00fcr Next.js-Projekte. \u00dcber 30 Module, ein durchdachtes Design-Token-System und eine saubere Architektur \u2013 fertig zum Loslegen.<\/p>"}]}},{"id":98,"type":"pncorekit_violator","copytext":"

\u00dcber 30 fertige Module. Ein CLI-Befehl. Und dein n\u00e4chstes Projekt steht.<\/h3>","ctas":[{"linkTitle":"Get Started","linkUrl":"\/demo","linkTarget":"","linkClass":"pn-btn-secondary","download":false}]},{"id":104,"type":"pncorekit_carousel","intro":{"introAlignment":"center","headline":"Carousel","headlineType":"disabled","subline":"","introtext":"","ctas":[]},"displayType":"square","slidesPerView":3,"showNavigation":true,"showDots":true,"showCaption":true,"autoplay":true,"carouselImages":[{"id":79,"altText":null,"title":null,"caption":null,"link":"","srcsetCandidates":{"square":[{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_e8e79b5de5.webp","width":510,"height":510},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_6f5a737918.webp","width":494,"height":494},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_0fe5c78b8c.webp","width":482,"height":482},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_903b18a40f.webp","width":418,"height":418},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_a6e76161ad.webp","width":332,"height":332},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_e8e01be644.webp","width":318,"height":318},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/1\/4\/csm_growtika-g5kpSCf3dOs-unsplash_0b4f0494ac.webp","width":282,"height":282}]}},{"id":80,"altText":null,"title":null,"caption":null,"link":"","srcsetCandidates":{"square":[{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/c\/d\/csm_karla-hernandez-LrlyZzX6Sws-unsplash_023411efa7.webp","width":510,"height":510},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/c\/d\/csm_karla-hernandez-LrlyZzX6Sws-unsplash_e4c7b9c71b.webp","width":494,"height":494},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/c\/d\/csm_karla-hernandez-LrlyZzX6Sws-unsplash_19eff54f7c.webp","width":482,"height":482},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/c\/d\/csm_karla-hernandez-LrlyZzX6Sws-unsplash_8c2769d9ef.webp","width":418,"height":418},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/c\/d\/csm_karla-hernandez-LrlyZzX6Sws-unsplash_5f1470dd6f.webp","width":332,"height":332},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/c\/d\/csm_karla-hernandez-LrlyZzX6Sws-unsplash_d5ddd82ea3.webp","width":318,"height":318},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/c\/d\/csm_karla-hernandez-LrlyZzX6Sws-unsplash_3601c135e9.webp","width":282,"height":282}]}},{"id":81,"altText":null,"title":null,"caption":null,"link":"","srcsetCandidates":{"square":[{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/d\/3\/csm_mel-poole-eo5Hrzyb4D0-unsplash_e39af6ebea.webp","width":510,"height":510},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/d\/3\/csm_mel-poole-eo5Hrzyb4D0-unsplash_0edd32ea1e.webp","width":494,"height":494},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/d\/3\/csm_mel-poole-eo5Hrzyb4D0-unsplash_925b3200f0.webp","width":482,"height":482},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/d\/3\/csm_mel-poole-eo5Hrzyb4D0-unsplash_ae3081703f.webp","width":418,"height":418},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/d\/3\/csm_mel-poole-eo5Hrzyb4D0-unsplash_5477c191a1.webp","width":332,"height":332},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/d\/3\/csm_mel-poole-eo5Hrzyb4D0-unsplash_797910e4de.webp","width":318,"height":318},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/d\/3\/csm_mel-poole-eo5Hrzyb4D0-unsplash_4a3b152cd7.webp","width":282,"height":282}]}},{"id":82,"altText":null,"title":null,"caption":null,"link":"","srcsetCandidates":{"square":[{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/3\/9\/csm_kevin-bhagat-zNRITe8NPqY-unsplash_3b0be1eee4.webp","width":510,"height":510},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/3\/9\/csm_kevin-bhagat-zNRITe8NPqY-unsplash_67ccc27a54.webp","width":494,"height":494},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/3\/9\/csm_kevin-bhagat-zNRITe8NPqY-unsplash_a84b7cebe3.webp","width":482,"height":482},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/3\/9\/csm_kevin-bhagat-zNRITe8NPqY-unsplash_8b47e7e584.webp","width":418,"height":418},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/3\/9\/csm_kevin-bhagat-zNRITe8NPqY-unsplash_7a1397bf69.webp","width":332,"height":332},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/3\/9\/csm_kevin-bhagat-zNRITe8NPqY-unsplash_3b73db1e8b.webp","width":318,"height":318},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/3\/9\/csm_kevin-bhagat-zNRITe8NPqY-unsplash_bd1b7157c2.webp","width":282,"height":282}]}},{"id":84,"altText":null,"title":null,"caption":null,"link":"","srcsetCandidates":{"square":[{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/6\/a\/csm_image_2e53ae4aea.webp","width":510,"height":510},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/6\/a\/csm_image_461d937d09.webp","width":494,"height":494},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/6\/a\/csm_image_42de2a087c.webp","width":482,"height":482},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/6\/a\/csm_image_ab057e2a30.webp","width":418,"height":418},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/6\/a\/csm_image_95e5f2dd9e.webp","width":332,"height":332},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/6\/a\/csm_image_684679c09c.webp","width":318,"height":318},{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/6\/a\/csm_image_8d1e1fdd5b.webp","width":282,"height":282}]}}]},{"id":131,"type":"pncorekit_contactdetail","intro":{"introAlignment":"center","headline":"Deine Ansprechpartner","headlineType":"h2","subline":"Meet the Team","introtext":"

Du hast Fragen zu CoreKit oder willst es in deinem n\u00e4chsten Projekt einsetzen? Ret und Bernhard helfen dir gerne weiter.<\/p>"},"contacts":[{"id":2,"name":"Bernhard Engl","academicTitle":"","position":"General Manager Business Development & Strategic Partnerships","email":"b.engl@house-of-communication.com","phone":"+49 89 2050 4189","socialMediaUrl":"","image":{"id":91,"altText":null,"title":null,"srcsetCandidates":[{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/0\/4\/csm_1758781416251_a78029b78e.webp","width":80,"height":80}]}},{"id":1,"name":"Ret Lauterbach","academicTitle":"","position":"General Manager Development & Sourcing","email":"r.lauterbach@house-of-communication.com","phone":"+49 89 2050 3661","socialMediaUrl":"","image":{"id":92,"altText":null,"title":null,"srcsetCandidates":[{"imageUrl":"https:\/\/corekit.cp-plan.net\/fileadmin\/_processed_\/f\/f\/csm_1632989971016_2186884069.webp","width":80,"height":80}]}}]}],"i18n":[{"languageId":0,"locale":"de_DE.utf8","title":"Deutsch","navigationTitle":"Deutsch","twoLetterIsoCode":"de","hreflang":"de-DE","direction":"ltr","flag":"flags-de","link":"\/","active":1,"current":0,"available":1},{"languageId":1,"locale":"en_GB.utf8","title":"English","navigationTitle":"English","twoLetterIsoCode":"en","hreflang":"en-GB","direction":"ltr","flag":"flags-en-us-gb","link":"","active":0,"current":0,"available":0}],"mainMenu":[{"title":"Demo","link":"\/demo","target":"","active":0,"current":0,"spacer":0,"hasSubpages":1,"children":[{"title":"Team","link":"\/demo\/team","target":"","active":0,"current":0,"spacer":0,"hasSubpages":0}]},{"title":"Storybook external Link","link":"https:\/\/showcase.cp-plan.net\/storybook","target":"_blank","active":0,"current":0,"spacer":0,"hasSubpages":0}],"banner":{"bannerLayout":"warning","bannerCopytext":"

[WIP] Heavily in progress! Not production\/showcase ready. More info<\/a><\/p>"},"header":{"headerDisable":false,"headerCtaPrimary":{"label":"Storybook","link":"https:\/\/showcase.cp-plan.net\/storybook\/","target":"_blank","download":false},"headerCtaSecondary":{"label":"","link":"","target":"","download":false},"mobileMenuSlidePosition":"left"},"footer":{"id":1,"footerDisable":false,"copyright":"© 2026","theme":"dark","copyrightText":"Plan.net TechNest Global GmbH","layout":"simple","introText":"","footerMenu":[{"title":"Demo","link":"\/demo","target":"","active":0,"current":0,"spacer":0,"hasSubpages":1,"children":[{"title":"Team","link":"\/demo\/team","target":"","active":0,"current":0,"spacer":0,"hasSubpages":0}]},{"title":"Storybook external Link","link":"https:\/\/showcase.cp-plan.net\/storybook","target":"_blank","active":0,"current":0,"spacer":0,"hasSubpages":0}],"legalMenu":[{"title":"Cookie-Richtlinie","link":"cookie:renew","target":"","active":0,"current":0,"spacer":0,"hasSubpages":0},{"title":"Impressum","link":"https:\/\/www.house-of-communication.com\/de\/de\/footer\/imprint.html","target":"_blank","active":0,"current":0,"spacer":0,"hasSubpages":0},{"title":"Datenschutz","link":"https:\/\/www.house-of-communication.com\/de\/de\/footer\/privacy-policy.html","target":"_blank","active":0,"current":0,"spacer":0,"hasSubpages":0}]},"globalLabels":{"breadcrumbs":"Breadcrumb Navigation","close":"Schlie\u00dfen","navigateTo":"Gehe zu","apiErrorTagline":"Fehler beim Laden der Seite","apiErrorTitle":"API-Ladefehler","apiErrorDescription":"Diese Seite konnte nicht aus dem CMS geladen werden. Sie ist m\u00f6glicherweise vor\u00fcbergehend nicht verf\u00fcgbar oder du hast keine Berechtigung, auf diesen Inhalt zuzugreifen.","appErrorTagline":"Anwendungsfehler","appErrorTitle":"Etwas ist schiefgelaufen","appErrorDescription":"Beim Laden dieser Seite ist ein unerwarteter Fehler aufgetreten. Bitte versuche es erneut oder kehre zur Startseite zur\u00fcck.","404Tagline":"Seite nicht gefunden","404Title":"404","404Description":"\u201eDie Seite, die du suchst, existiert nicht oder wurde verschoben. Bitte \u00fcberpr\u00fcfe die URL oder gehe zur\u00fcck zur Startseite.","criticalErrorTagline":"Kritischer Fehler","criticalErrorTitle":"Systemfehler","criticalErrorDescription":"Ein schwerwiegender Fehler hat verhindert, dass die Anwendung korrekt geladen werden konnte. Vermutlich liegt ein systemweiter Ausfall vor.","resetButtonLabel":"Erneut versuchen","homeButtonLabel":"Zur Startseite","loading":"Laden...","overview":"\u00dcbersicht","dateTimeFrom":"ab","dateTimeOClock":"Uhr","dateTime":"Datum & Uhrzeit","location":"Location","title":"Titel","downloadSuccess":"Download erfolgreich","downloadError":"Download fehlgeschlagen","toRegistration":"Zur Anmeldung","toEvent":"Zum Event","noEvents":"Derzeit keine Events verf\u00fcgbar","paginationPrevious":"Zur\u00fcck","paginationNext":"Weiter","allLocations":"Alle Standorte","allCategories":"Alle Kategorien","eventCategory":"Art der Veranstaltung","eventLanguage":"Sprache","loadMore":"Mehr anzeigen"}}