Lebendige und rasend schnelle Websites mit CARECOM CCWebCore
Anfang des Jahres habe ich mich mal wieder intensiv mit neuen Software-Technologien zur Erstellung von web-basierten Anwendungen auseinandergesetzt. Als „Abfallprodukt“ ist dabei ein Terminfinder für eine Radtour entstanden. Die Entwicklungserfahrung war so großartig, dass ich im nächsten Schritt diese Website damit neu realisiert habe – und dann innerhalb von kurzer Zeit mehrere kleinere Kunden-Websites … (u.a. pchfischer.de und therapie-am-fluss.ruhr ) Allen Websites ist gemein, dass sie dank Twitter Bootstrap auf allen Geräten gut funktionieren – vom Smartphone bis zum großen Fernseher. Den Ideen sind keine Grenzen gesetzt und aktuell kommt fast täglich die eine oder andere Änderung / Erweiterung hinzu.
Während klassische Websites eher eine Sammlung von statischen Text- und Bilddateien sind, gibt es bei CARECOM® CCWebCore keine Unterscheidung mehr zwischen Web und App. Alle Inhalte sind Komponenten und können – ähnlich wie Lego-Steine – beliebig kombiniert und vor allem wiederverwendet werden.
Damit lohnt es sich endlich für mich, mehr Entwicklungsaufwand in einzelne Komponenten zu stecken. Zum Beispiel reicht die Zeile <ContactForm hideMessageField={false} />
sowie eine Konfigurationsdatei auf dem Server, um ein Kontaktformular einzufügen:
Dabei wird automatisch Mehrsprachigkeit unterstützt und die Texte und (Fehler-) Meldungen lassen sich leicht mandantenspezifisch individualisieren.
Auch die Definition einer Bilder-Diashow, die den ganzen Bildschirm ausfüllt, benötigt kaum mehr als eine Zeile:
let PhotographySlider = (props) =>
<Slider id="PhotographySlider" baseUrl="/tenants/carecom/images/photography/slides/" fromNr={1} toNr={42} /> Da fehlen dann nur noch die Bilder, die ich gerne fotografiere und/oder hochwertig bearbeite.
Im Moment erfolgt die redaktionelle Aufbereitung und Veröffentlichung der Daten ausschließlich durch mich. Ich arbeite aber bereits an einer komfortablen Editorfunktion, damit Neuigkeiten, Aktionen, … bei Bedarf auch leicht direkt von meinen Kunden veröffentlicht werden können.
Weitere Komponenten / Funktionalitäten, die bereits entstanden sind:
Unterstützung für Mehrsprachigkeit (auch eine chinesische Version wäre 沒問題 ) Unterstützung für Meta-Daten wie Titel und Beschreibung sowie automatische Erstellung von Google Sitemaps – damit Google Ihre wichtigen Inhalte auch vollständig und zeitnah findet. Google Analytics (Auswertung der Benutzerzugriffe zur Verbesserung des Angebots) Google Ads (Integration von Werbung) Info-Felder, die sich gezielt auf bestimmten Seiten und unter bestimmten Bedingungen einsetzen lassen – z.B. auch für Gutscheine für Erstbesucher. Cookie-Warnung (Der Anwender wird aktiv auf die Nutzung von Cookies hingewiesen – sicher ist sicher)Zwei Komponenten, damit der Nutzer schnell zwischen Netto- und Bruttopreis-Darstellung umschalten kann Unterstützung für Benutzer-Anmeldung (z.B. zur Realisierung geschützter Bereiche mit Informationen für gute Kunden) Modale Dialoge "sanftes" Scrollen – wichtig zur Navigation innerhalb von umfangreicheren Seiten Formatieren von Programm-Code oder Daten Überhaupt ist die Umsetzung von Besonderheiten, die den Seiten erst den besonderen Charme und etwas Lebendigkeit verleiten, einfach und schnell möglich:
Natürlich ist und bleibt die Schaffung einer Website, die Sie und Ihr Unternehmen angemessen im World Wide Web repräsentiert, eine spannende kreative wie technische Herausforderung, die idealerweise einen intensiven Austausch zwischen uns beinhaltet.
Dank der neuen Möglichkeiten kommen wir aber viel schneller zu vorzeigbaren Ergebnissen und können so schrittweise auch neue Potentiale erschließen, die sich im Rahmen der Digitalisierung ergeben, z.B. durch die Einbindung von Produktkatalogen, von Termin-Kalendern …
Klingt das interessant für Sie? Dann sprechen Sie mich bitte an !
Ihr Harald Mühlhoff
Dipl.-Informatiker
Wir setzen Cookies ein, um die Website zu optimieren; Details siehe Impressum . Mit der Nutzung stimmen Sie der Verwendung von Cookies zu. Akzeptiert
{
"initialRandom": 0.5145430405323081,
"random": 0.44685109849308535,
"path": "/de/blog/ccwebcore",
"tenantName": "carecom",
"meta": {
"config": {
"trailer": " - CARECOM",
"author": "Harald Mühlhoff, 58300 Wetter, Deutschland",
"copyright": "CARECOM Harald Mühlhoff, 58300 Wetter, Deutschland",
"sitemapPrefix": "https://www.carecom.de",
"canonicalPrefix": "http://www.carecom.de",
"rootLocale": "de"
},
"/de": {
"title": "Willkommen!",
"description": "Seit 1991 bringen wir Software-Projekte voran, egal ob als Projektleiter oder produktiver Entwickler mit einem Blick für das Gesamtsystem. 2006 sind kreative Fotografie & Fotodesign hinzugekommen.",
"meta": {
"name": {
"robots": "INDEX,FOLLOW",
"verify-v1": "Vg61ls+LSZZdv1fAYWbgGRhLAYcXUyFIP+gI/34fICo=",
"google-site-verification": "iOXaWTG5HqWAigSN6CTGszlh6e9GurslyadxY4owsBw"
}
},
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-06-25",
"priority": "1"
},
"skipAsChild": true,
"skipInBreadCrumb": true
}
},
"/en": {
"title": "Welcome!",
"description": "We advance software projects, whether as project manager or productive developer with an eye on the total system. Since 2006 we also offer creative photography.",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "1"
},
"skipAsChild": true,
"skipInBreadCrumb": true
}
},
"/de/consulting/informatiker": {
"title": "Der Informatiker",
"description": "Der Informatiker Harald Mühlhoff ... Übersicht über Qualifikationen & Projekte.",
"metameta": {
"transl": [
"/en/consulting/computerscientist"
],
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.5"
}
}
},
"/en/consulting/computerscientist": {
"title": "The Computer Scientist",
"description": "Information about the computer scientist Harald Mühlhoff.",
"metameta": {
"transl": [
"/de/consulting/informatiker"
],
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.5"
}
}
},
"/de/consulting": {
"title": "Consulting",
"description": "Die Beratungsleistungen von CARECOM Harald Mühlhoff im Überblick.",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.75"
},
"skipAsChild": true,
"skipInBreadCrumb": true
}
},
"/en/consulting": {
"title": "Consulting",
"description": "CARECOM Consulting.",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.75"
},
"skipAsChild": true,
"skipInBreadCrumb": true
}
},
"/de/consulting/referenzen": {
"title": "Referenzen",
"description": "Referenzen für CARECOM Consulting.",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.75"
}
}
},
"/de/consulting/remote-support": {
"title": "Fernwartung",
"description": "Fernunterstützung mittels Teamviewer durch CARECOM Dipl.-Inform. Harald Mühlhoff",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.5"
}
}
},
"/de/distribution": {
"title": "Distribution",
"description": "Seit Jahren bieten wir zuverlässiges Hosting für die Internet-Auftritte unserer Kunden.",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.75"
},
"skipAsChild": true,
"skipInBreadCrumb": true
}
},
"/en/distribution": {
"title": "Distribution",
"description": "Reliable Webhosting",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.75"
},
"skipAsChild": true,
"skipInBreadCrumb": true
}
},
"/de/distribution/referenzen": {
"title": "Referenzen",
"description": "Referenzen Distribution & Hosting für CARECOM.",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.5"
}
}
},
"/de/distribution/selbstbedienung": {
"title": "Selbstbedienung",
"description": "Einige Links, die Ihnen ein günstiges Angebot und uns moderate Prozente einbringen – natürlich ohne Extra-Kosten für Sie! Wir beraten Sie auch hier bei Bedarf gerne!",
"metameta": {
"sitemap": {
"changefreq": "daily",
"lastmod": "2017-02-15",
"priority": "0.75"
}
}
},
"/de/photography": {
"title": "Photography",
"description": "Möchten Sie sich oder Ihre Lieben mit einem einzigARTigen Shooting überraschen? Vielleicht haben Sie bereits eine besondere Bildidee?",
"meta": {
"name": {
"twitter:card": "summary_large_image",
"twitter:site": "@HaraldMuehlhoff",
"twitter:creator": "@HaraldMuehlhoff",
"twitter:title": "Photography - CARECOM",
"twitter:description": "Möchten Sie sich oder Ihre Lieben mit einem einzigARTigen Shooting überraschen? Vielleicht haben Sie bereits eine besondere Bildidee?",
"twitter:image": "http://www.carecom.de/images/photography/slides/dia-001.jpg",
"twitter:image:alt": "Bild einer jungen Frau im Kornfeld"
}
},
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-16",
"priority": "0.75"
},
"skipAsChild": true,
"skipInBreadCrumb": true
}
},
"/de/photography/communities": {
"title": "Communities",
"description": "Fotografische Communities",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.75"
}
}
},
"/de/photography/coaching": {
"title": "Coaching in Fotografie und Bildbearbeitung",
"description": "Mein Coaching-Angebot richtet sich in erster Linie an Einzelpersonen oder auch Paare, die Freude an der Fotografie haben und in angenehmer Atmosphäre intensiv neues Wissen erlernen oder vorhandenes hinterfragen bzw. vertiefen wollen [...]",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-03-03",
"priority": "0.75"
}
}
},
"/en/photography": {
"title": "Photography",
"description": "Our offerings include creative shootings, photography & image editing workshops or coachings.",
"meta": {
"name": {
"twitter:card": "summary_large_image",
"twitter:site": "@HaraldMuehlhoff",
"twitter:creator": "@HaraldMuehlhoff",
"twitter:title": "Photography - CARECOM",
"twitter:description": "Our offerings include creative shootings, photography & image editing workshops or coachings.",
"twitter:image": "http://www.carecom.de/images/photography/slides/dia-001.jpg",
"twitter:image:alt": "Image of a young woman in a corn field"
}
},
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-16",
"priority": "0.75"
},
"skipAsChild": true,
"skipInBreadCrumb": true
}
},
"/en/photography/communities": {
"title": "Communities",
"description": "photographic communities",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.75"
}
}
},
"/de/kontakt": {
"title": "Kontakt",
"description": "Kontakt zu CARECOM Dipl.-Inform. Harald Mühlhoff, Wetter, Deutschland",
"metameta": {
"transl": [
"/en/contact"
],
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.75"
}
}
},
"/en/contact": {
"title": "Contact",
"description": "Contact CARECOM Dipl.-Inform. Harald Mühlhoff, Wetter (Ruhr), Germany",
"metameta": {
"transl": [
"/de/kontakt"
],
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.75"
}
}
},
"/de/partner": {
"title": "Partner",
"description": "Das CARECOM Netzwerk.",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.75"
}
}
},
"/de/blog": {
"title": "Blog",
"description": "CARECOM Blog",
"metameta": {
"sitemap": {
"changefreq": "daily",
"lastmod": "2017-06-25",
"priority": "0.75"
}
}
},
"/en/blog": {
"title": "Blog",
"description": "CARECOM Blog",
"metameta": {
"sitemap": {
"changefreq": "daily",
"lastmod": "2017-06-25",
"priority": "0.75"
}
}
},
"/de/getup": {
"title": "CARECOM GetUp!",
"description": "CARECOM GetUp!",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-16",
"priority": "0.5"
}
}
},
"/de/blog/berufsfelderkundung-bei-carecom-photography": {
"title": "Berufsfelderkundung bei CARECOM photography",
"description": "Am vergangenen Mittwoch hatte ich lieben Besuch von Carolin Stecher, die bei mir an einer Berufsfelderkundung Medien / Fotografie & Bildbearbeitung teilgenommen hat.",
"metameta": {
"sitemap": {
"changefreq": "monthly",
"lastmod": "2017-02-16",
"priority": "0.7"
},
"requirePath": "./components/Blog/Berufsfelderkundung"
}
},
"/de/blog/eigenes-outlook-addin-fur-wahl-ueber-mein-grandstream-gxp1450-ip-telefon": {
"title": "Eigenes Outlook Addin für Wahl über mein Grandstream GXP1450 IP-Telefon",
"metameta": {
"sitemap": {
"changefreq": "monthly",
"lastmod": "2017-03-03",
"priority": "0.7"
},
"requirePath": "./components/Blog/OutlookAddin"
}
},
"/de/blog/prof-system-und-netzwerk-ueberwachung-mit-paessler-ueberwachung-von-intel-matrix-raid": {
"title": "Prof. System- und Netzwerk-Überwachung mit PAESSLER / Überwachung von Intel Matrix RAID",
"description": "Seit Jahren setze ich für die Überwachung meiner Systeme und der von mir gehosteten Kundenanwendungen den PRTG Monitor von Paessler ein; die neueste Version unterstützt jetzt sogar 30 kostenlose Sensoren. Mittels des Ereignisprotokoll-Sensors lässt sich auch ein Intel Matrix RAID effektiv überwachen.",
"metameta": {
"sitemap": {
"changefreq": "monthly",
"lastmod": "2017-02-19",
"priority": "0.7"
},
"requirePath": "./components/Blog/PaesslerPRTG"
}
},
"/de/blog/was-wuerden-Sie-und-Ihr-Unternehmen-mit-Ihrer-eigenen-kreativen-und-verlaesslichen-IT-Abteilung-machen": {
"title": "Was würden Sie und Ihr Unternehmen mit Ihrer “eigenen” kreativen & verlässlichen “IT-Abteilung” machen?",
"description": "Was würden Sie und Ihr Unternehmen mit Ihrer “eigenen” kreativen & verlässlichen “IT-Abteilung” machen? Lassen Sie uns ins Gespräch kommen – dann laufen Ihre Geschäfte bald auch so gut wie Ihre erneuerte IT ;)",
"metameta": {
"sitemap": {
"changefreq": "monthly",
"lastmod": "2017-02-20",
"priority": "0.7"
},
"requirePath": "./components/Blog/CreativeIT"
}
},
"/de/blog/ccwebcore": {
"title": "Lebendige und rasend schnelle Websites mit CARECOM CCWebCore",
"description": "Mit dem CARECOM CCWebCore Framework erstellen wir für Sie lebendige und rasend schnelle Websites.",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-03-15",
"priority": "1"
},
"requirePath": "./components/Blog/CCWebCore"
}
},
"/de/blog/migration-windows-server-2003-to-windows-server-2016-and-office-365": {
"title": "Migration von Windows Small Business Server 2003 nach Office 365 & Windows Server 2016",
"description": "Kurzer Erfahrungsbericht über die problemlose Ablösung von Windows SBS 2003 durch Office 365 und Windows Server 2016.",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-09-28",
"priority": "1"
},
"blogPreviewUrl": "/tenants/carecom/images/blog/migration20032016/dia-preview.jpg",
"requirePath": "./components/Blog/Migration20032016"
}
},
"/en/blog/creation-of-carecomde": {
"title": "Creating www.carecom.de",
"description": "A little journey explaining part of the technology and programming behind the React, TypeScript, Redux, ASP.NET Core universal Single Page Application called carecom.de.",
"metameta": {
"sitemap": {
"changefreq": "monthly",
"lastmod": "2017-02-21",
"priority": "0.7"
},
"requirePath": "./components/Blog/CreationOfCarecomDe"
}
},
"/en/getup": {
"title": "CARECOM GetUp!",
"description": "CARECOM GetUp!",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-16",
"priority": "0.5"
}
}
},
"/de/carecom": {
"title": "Die Marke CARECOM",
"description": "Die Marke CARECOM.",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.5"
}
}
},
"/en/carecom": {
"title": "The CARECOM trade mark",
"description": "The CARECOM trade mark.",
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.5"
}
}
},
"/de/impressum": {
"title": "Impressum / Datenschutzerklärung",
"description": "Impressum",
"metameta": {
"transl": [
"/en/imprint"
],
"sitemap": {
"changefreq": "weekly",
"lastmod": "2018-05-23",
"priority": "0.3"
},
"skipAsChild": true
}
},
"/en/imprint": {
"title": "Imprint",
"description": "Imprint",
"metameta": {
"transl": [
"/de/impressum"
],
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-02-15",
"priority": "0.3"
},
"skipAsChild": true
}
},
"/de/404": {
"title": "404",
"description": "404",
"meta": {
"name": {
"robots": "NOINDEX,NOFOLLOW"
}
},
"metameta": {
"sitemap": {
"changefreq": "monthly",
"lastmod": "2017-02-15",
"priority": "0.1"
},
"skipAsChild": true,
"skipInBreadCrumb": true
}
},
"/en/404": {
"title": "404",
"description": "404",
"meta": {
"name": {
"robots": "NOINDEX,NOFOLLOW"
}
},
"metameta": {
"sitemap": {
"changefreq": "monthly",
"lastmod": "2017-02-15",
"priority": "0.1"
},
"skipAsChild": true,
"skipInBreadCrumb": true
}
},
"/": {
"title": "Willkommen!",
"description": "Seit 1991 bringen wir Software-Projekte voran, egal ob als Projektleiter oder produktiver Entwickler mit einem Blick für das Gesamtsystem. 2006 sind kreative Fotografie & Fotodesign hinzugekommen.",
"meta": {
"name": {
"robots": "INDEX,FOLLOW",
"verify-v1": "Vg61ls+LSZZdv1fAYWbgGRhLAYcXUyFIP+gI/34fICo=",
"google-site-verification": "iOXaWTG5HqWAigSN6CTGszlh6e9GurslyadxY4owsBw"
}
},
"metameta": {
"sitemap": {
"changefreq": "weekly",
"lastmod": "2017-06-25",
"priority": "1"
},
"skipAsChild": true,
"skipInBreadCrumb": true
}
}
}
}