Wie baue ich eine Website in 2023? incl. Hosting & CMS! [DE/Tutorial]
Vložit
- čas přidán 7. 07. 2024
- Heute bauen wir mithilfe von IONOS Cloud Server eine Skalierbare Web Applikation die mit einem Frontend, Backend und Plesk alles kann das ihr braucht um hochkomplizierte Websites einfach umsetzten zu können. Genau passend für jeden Kunden, Agentur oder Start-Up Gründer.
Du brauchst einen Hoster?
🧡 IONOS Cloud Server: bit.ly/3snNalZ
Fragen oder Probleme? Werde Teil der Community! (Kostenlos)
📣 Discord Server: / discord
Unterstütze den Channel:
🧡 Notizen & ToDo: affiliate.notion.so/qa91a3px0ahk (Affiliate Link)
🧡 Adobe Creative Cloud: prf.hn/l/QxRnVXD (Affiliate Link)
🧡 Meine UI Design Tool: prf.hn/l/pmZdNJ9 (Affiliate Link)
🧡 Musik die ich Nutze: bit.ly/MeineHintergrundMusik (Affiliate Link)
🧡 Mein Geschäftskonto: bit.ly/MeinFreelanceKonto (Affiliate Link)
🧡 Meine Buchhaltungssoftware: bit.ly/sevDeskUnleashed (Affiliate Link)
🧡 Meine Hardware/Kamerausrüstung: amzn.to/2ccEY0l (Affiliate Link)
🧡 CZcams Mitgliedschaft: bit.ly/CZcamsSupporter (Affiliate Link)
Kapitel:
00:00 Intro
00:49 Plan
02:32 Projekt einrichten
07:12 Backend
18:32 Frontend
34:06 Server Mieten
38:48 Hosting
Links aus dem Video:
► VSC Theme: bit.ly/VisualStudioCodeTheme
► IDE Tutorial: • Neue Basic Web Dev IDE...
#Tutorial #webdevelopment #webdesign
Meine Social Media Seiten:
► Homepage: unleashed-design.de/?...
► CZcams: bit.ly/1rPBJ9Y
► Twitter: bit.ly/1y4rMeD
► Twitch: bit.ly/29VyA7J
► Discord: / discord
Copyright by Johannes Schiel / Unleashed Design
Strapi ist der absolute Hammer für contentorientierte Projekte bis zu einer gewissen Komplexitätsschwelle. Ich entwickle gerade bereits mein viertes Kundenprojekt mit Strapi :) Ich würde mich freuen, wenn du ein Tutorial machen könntest über Backend-Customization (Custom-Contoller, Services, Policies, etc.).
Sehr cooles Tutorial btw. ich werde direkt versuchen das Projekt, das ich aktuell entwickle mit IONOS zu hosten!
Werde ich mal in meine Backlog liste aufnehmen :)
Sehr cooles video.
Mich würde es sehr interessieren wenn du mit diesem Tech-Stack weitere Videos machen würdest.
Ich arbeite z.B. in einer Werbeagentur und unsere Kunden bekommen immer sehr komplexe Typo3 Seiten mit Kundenspezifischen wünschen, nicht jeder hat allerdings so ein hohes Budget und mit dieser Variante könnte man Kunden spezifische Inhaltslemente einfach via Nuxt und Strapi bauen und ausgeben lassen.
Also nochmal ein Lob, sehr gelungenes Video, bitte so weitermachen :) LG
Spannend, warum macht ihr noch Seiten mit Typo3 wenn ihr Strapi auch nutzt? Also welchen Mehrwert bietet euch Typo3 im vergleich?
War vielleicht etwas ungünstig ausgedrückt meinerseits. Wir machen reine Typo3 Seiten. Das Wieso kann ich dir nicht sagen, vermutlich weils der Senior Dev schon immer gemacht hat und der sich da bestens auskennt :D
Ich hatte aber schonmal sowas vorgeschlagen mit Headless CMS was zu machen weils einfach viel "einfacher" ist Kundenwünsche umzusetzen. Deswegen interessiert mich das aktuell sehr stark, bin viel am rumexperimentieren und in der engeren Auswahl ist aktuell, Astro 3.0, Nuxt 3, Strapi und auch Stroyblok mal schauen wo ich die meisten vorteile darin sehe :)
@@UnleashedDesign
Ahh ok dann hab ich das falsch verstanden. Mit den Tools machst nichts falsch nur bei Storyblok muss man aufpassen weil es einfach ein Vedorlock mit sich zieht. Also einmal dort immer dort mal kurz wechseln ist nicht. Mit Strapi kannst halt einfach zu jedem XYZ Hoster der einen VM/Server anbietet.
@nuqu1337 Arbeit wir in der selben Agentur? :D
vermutlich nicht, aber wäre ein lustiger zufall ^^@@AIMBROT09
Ich würde mich über mehr Videos zum Thema Strapi freuen. Gerne auch wieder Beginnerfreundlich. 🙂
Sehr schöner Stack und angenehme Dichte an Informationen. Ich konnte mir einiges Abschauen, danke für das Video.
Danke freut mich wenn dir das Video gefallen hat :)
Ich dachte erst - nur ein einfaches Werbevideo - aber Strapi hatte ich überhaupt nicht auf dem Schirm. Das ist wirklich sehr interessant. Gerne mehr davon. Auch die Kombi hier passt wirklich super und ist interessant für zukünftige Projekte.
Das freut mich das es dann doch etwas spannender gewesen ist :)
Super Video - Bin noch dabei aber wollte schonmal sagen danke für deine Bemühungen :) - Good Job
Danke freut mich wenn dir das Video gefällt bzw. dich weiterbringen konnte :)
@@UnleashedDesign - Gibt es dazu noch ein Git Verzeichnis woman sich eventuell das nochmal per Code angucken kann? :)
great video keep up the amazing content
Thx :) did you understand everything?
Tolles Video!
Danke freut mich wenn dir das Video helfen konnte :)
Mega Video, durch und durch gut erklärt und interessant! So stellt man sich ein Sponsoring vor.
Kleine Anmerkung: Plesk wird tatsächlich genau so ausgesprochen wie es geschrieben wird :D
Das weiß ich leider auch nicht :D kann sehr gut falsch sein xD
@@UnleashedDesign der Plesk YT Kanal sagt es zumindest so.
Habe übrigens gerade einen Server über IONOS gemietet. Das Argument für mich war die inklusive Plesk Lizenz. Finde ich ein echt gutes und günstiges Angebot. Gerade mit den 100€ zum Start, kann man schön sehen wie viel Leistung man tatsächlich benötigt.
Riesen Mehrwert!
Danke freut mich wenn dir das Video gefallen hat :)
Ein folge Video wäre bestimmt cool - eventuell wie man z.B mit GitHub Workflow das automatische deployen vom Frontend und Backend macht?
Ja, wobei ich sowas schon habe :) gibt eine Plalist für GitHub Aktions
Super Video! Macht es Sinn damit alle möglichen Arten von Content anzulegen, damit der Kunde diese verändern kann? Z.b. Überschriften und allgemein alle Texte und Bilder auf meiner Website? Oder ist es wirklich nur für einzelne Elemente wie Blog-Posts gedacht? :)
Das kannst du extrem frei definieren, also das kann alles übernehmen :)
@@UnleashedDesign achso OK super, danke für den Hinweis :)
@@UnleashedDesign Die Subdomain über die strapi läuft ist logischerweise nicht mit SSL abgesichert. Dafür verwendet man dann am besten ein Wildcard Zertifikat oder?
Super Video !!! Ich Habe schon seit längerem einen kleinen Fotoblog und immer händisch neue Beiträge erstellt und das mit Strapi ist der Wahnsinn. Ich habe eine Frage, Strapi bietet ja auch die Möglichkeit Bilder einzubinden aber wie bekomme ich auf diese Zugriff oder wie kann ich mir die ausgeben lassen?
Danke das freut mich wenn es dir gefallen hat :) Das kommt ganz drauf an, du kannst dir in den Berechtigungen alles anlegen lassen sodas du alle Bilder Mediatek ausgeben bekommst oder als eigenen Datensatz z.B. Fotoshoot wo du dann bilder dran hängen kannst :)
Geht das genau so gut mit Next.js statt mit Nuxt? Weshalb hast du Nuxt gewählt?
Ich arbeite jeden Tag mit Vue :) daher war Nuxt für mich einfach 0 Lernkurve mit React habe ich eher weniger zu tun daher kein Next.
Ich würde gerne ein deutsches ausgiebiges lernvideo zu Directus sehen :)
Warum Directus? Also was würdest du hier als Mehrwert zu Strapi sehen?
Ein Cloud Server für den Preis ist ganz cool , auch noch in Deutschland gehostet
Ja das denke ich auch :)
Es heißt PLESK nicht Pleks 🥶