Welches CMS für Online-Shop?

Ich bin Fullstack-Programmierer und möchte einen Online-Shop für einen Verwandten bauen.

Er möchte darin eine Handvoll Artikel zum bestmöglichen Preis verkaufen. Um Lagerung und Versand der Artikel kümmert er sich. Er verwendet aufgrund der geringen Artikelzahl auch keine fertige Warenwirtschaft sondern macht die Verwaltung manuell per Excel.

Das Bezahlen der Waren soll rein über PayPal laufen. (Kein Stripe, weil kostet mehr). PayPal zu integrieren sollte also möglichst einfach gehen.

Außerdem sollen sich Kunden einen Kunden-Account machen können (natürlich mit automatischer Anmeldung via Token usw), damit ihre Daten beim nächsten Checkout automatisch vor-ausgefüllt werden, und um ihre bisherigen Käufe in einer Order-History einzusehen. Da das Authentication-Zeug kein Spaß zu implementieren ist sollte es schon irgendwie vom CMS gegeben sein.

Mein Verwandter will außerdem eine kleine Admin-Seite haben auf der er die Preise und Mengen seiner Artikel verwalten kann und neue Artikel hochladen kann. Außerdem will er sehen können, was er wann an wen verkauft hat (in Zukunft evtl. auch mit Excel-Export, Graphen zur Analyse, usw.). Seitenlayout usw. soll er auf seiner Admin-Seite aber nicht ändern können, um das soll ausschließlich ich mich kümmern.

Das CMS und die zugehörige Datenbank sollen auf einem vServer komplett selbst gehostet werden können (um Geld zu sparen). Fertiglösungen wie Shopify, Squarespace, Sanity, Webflow, usw. fallen also raus.

Die Website soll möglichst performant sein und maximale SEO-Möglichkeiten bieten.

Das Design des Frontends soll komplett individuell von mir gestaltet werden können. Ich möchte dafür TailwindCSS oder Bootstrap verwenden.

Meine Überlegungen:

- Wordpress + WooCommerce (sehr altbacken und ich hasse PHP :D)
- Headless Wordpress + Svelte / Astro (Vorteile wie bessere Performance & komplett separate Admin-Seite?)
- Magento + Next.js + React
- Payload + Next.js + React
- Strapi + Svelte / Astro

Was würdet ihr vorschlagen?

3 Antworten

nichtsagender

03.04.2024, 00:10

Da ich nicht die Kompetenz erreiche sage ich einfach mal das was ich kenne und auch schon benutzt habe: Shopify.

Bietet Admin , Leichte Integration der Bezahlmöglichkeiten und Frontend sollte auch kein Problem sein.

Admin Panel gibt es auch.

MrAmazing2

Fragesteller

03.04.2024, 00:13

Über Spotify habe ich zwar bisher nur Gutes gehört, kostet aber leider Unmengen in Vergleich zu einer selbstgehosteten Lösung.

MrAmazing2

Fragesteller

03.04.2024, 00:16

@MrAmazing2

Shopify* :D

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, CSS

03.04.2024, 10:27

Meine Überlegungen: (...)

Nun, für einen Online-Shop würde ich dann schon auch ein eCommerce-/Shopsystem verwenden, welches dir Funktionalitäten zur Produktverwaltung oder dem Bestellprozess bietet. Das heißt, CMS wie WordPress (ohne WooCommerce) oder Strapi fallen aus deiner Auswahl schon heraus.

Magento wäre zwar eine Option, allerdings ist diese Anwendung mehr für mittelständische (und größere) Shops konzentriert, wonach es sich in deinem Fall nicht anhört. Dessen Headless-Option kann ich persönlich zudem nicht empfehlen. Die APIs wirken nicht voll ausgereift (haben Inkonsistenzen, sind nicht so gut dokumentiert, sind in ihrer Antwortzeit nicht so schnell).

WooCommerce ist wohl in der Handhabung für Nutzer eine der einfachsten bedienbaren Optionen. Fehlende Funktionalitäten werden WordPress-typisch mit weiteren Plugins geregelt. Für den Datenimport/-Export wirst du dir sicherlich ein zusätzliches Plugin suchen müssen (eine Eigenimplementation schließe ich vorerst aus, denn es ist kein ungewöhnlicher Anwendungsfall). Da das System eigentlich für den amerikanischen Markt ausgerichtet ist, könnten noch weitere Anpassungen notwendig sein (siehe z.B. Germanized-Plugin).

Was würdet ihr vorschlagen?

Ein paar weitere Alternativen könnten OpenCart oder Shopware sein. Erstere Anwendung ist in der Einrichtung komplizierter als WordPress/WooCommerce, was für dich allerdings kein Problem darstellen dürfte. Die Oberfläche (für Produktverwaltung, u.ä.) ist ebenso etwas umständlicher, wenn man es direkt mit WooCommerce vergleicht. Funktional sollte die Anwendung allerdings nicht sonderlich nachstehen. Einiges kann man durch Plugins nachrüsten.

Shopware wiederum gibt es einmal als Community Edition, als auch als unterschiedlich aufgestockte Pro-Versionen (lies hier). Die Community-Edition sollte allerdings schon alle wichtigen Funktionen enthalten, die man braucht. Das System wurde explizit für den deutschen Markt entwickelt.

Da du in deiner Liste mehrmals React anführst (wenn du Next.js nutzt, benötigst du übrigens kein React mehr - Next.js baut auf React auf und erlaubt die Implementation von client- und serverseitigen Komponenten) und PHP eher ablehnst, könntest du dir auch EverShop einmal genauer anschauen. Es handelt sich um ein recht junges Open Source-Projekt (~1 Jahr alt) für kleine Shopseiten. Einerseits dürfte es deinen Anforderungen genügen, andererseits besteht allerdings das Risiko, dass es an wichtigen Stellen noch Probleme gibt.

Mirko Marek

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Mediengestalter Digital und Print

03.04.2024, 22:13

Hi MrAmazing2,

Magento und Shopware wären eine gut Alternative. WordPress mit WooCommerce würde ich dir eher weniger empfehlen.

Wenn du Fullstack-Entwickler bist, kommt vielleicht eine eigene kleine Lösung in Frage, aber auch kleine Lösungen fressen Zeit.

Woher ich das weiß:Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)

Moin, ich frage mich zurzeit, macht es noch Sinn, eine Website selbst zu programmieren? Also zum Beispiel wenn man eine Restaurant Website oder eine Unternehmenswebsite entwickelt. Also mit zum Beispiel React und so. Oder auch React und ein Headless CMS? Weil viele verwenden ja oft Baukasten Systeme oder Templates. Ist man als Webentwickler noch gut, wenn man selbst programmiert?

...zur Frage

Wieso sieht die Wordpress-Preview so anders aus?

Hallo,

ich habe frisch Wordpress installiert und kenne mich noch nicht so aus.

Im Admin Interface unter Design->"Neues Theme hinzufügen" suche ich nach Blog Themes, doch die Vorschaubilder sehen komplett anders aus.

Ich denke nur das CSS lädt. Wieso ist das so? Wie bekomme ich hin das die Websiten wie in der Vorschau geladen werden?

Vielen Dank!

(links oben, gelb Vorschau, rechts Live Preview...)

...zur Frage

Webentwickler Freelancer - wer kümmert sich um DSGVO?

Ist es üblich das ich als Webentwickler mich auch um Datenschutz texte und funktionierenden cookie banner kümmere (nur notwendige akzeptieren, nur marketing cookies, alle akzeptieren) usw. ?

Und je nachdem verändert sich die seite weil googoe fonts oder maps zugestimmt wurde.

Wenn ich davon nichts genau erwähnt habe im veertrag nur von home, contact page und solchen sachen die rede ist.

Wie der Name sagt bin ich Webentwickler nicht jurist.

Ich würd die ins netz stellen für die person oder offline zuschicken aber was danach passiert ist nicht mein Problem sag ich mal.

vorallem wenn ich mit wordpress was mache sind da alle möglichen plugins irgendwelche tracker und der datenschutz problematisch.
wenn ich die von Grund auf selber programmiere mit zb. react hab ich da zumindest vollen überblick.

oder wie würdet ihr da vorgehen ?
engagiert man da einen Anwalt ?
Aber wie kennt der sich aus mit react js oder wordpress plugins ? Und dann kann er garantieren/haften das die seite konform ist ?

Bei diesen generatoren ist das ja nicht gegeben und cookie banner muss auch ordnungsgemäß funktionieren, kann nicht sein das er unter der haube garnichts macht.

...zur Frage

Ist es noch sinnvoll, NextJS zu lernen?

SEO ist kein Punkt, wenn ich ehrlich bin. Heutzutage können auch Crawler normales React crawlen.

Als Zweites kommt das Server Side Rendering doch nur beim ersten Aufruf der Seite wirklich etwas bringt.

Danach ist es stinknormales React, das nicht mehr im Server für mich ausgeführt wurde und als HTML geschickt wird.

Natürlich sind 0.5-1 Sekunden wichtig, um den Nutzer ein gutes Gefühl zu geben und alles.

Aber warum sollte man sich den Stress mit NextJS antun? So wichtig wie mir diese 0.5 Sekunden auch sind. Man kann auch an anderen Ecken leichter optimieren und komprimieren.

React ist eine leichtgewichtige Bibliothek für ein bisschen Rendering und Next ein richtiges Framework.

Vielleicht ist da noch der Vorteil, das Leute ohne JavaScript wenigstens irgendwas sehen, aber wenn ich ehrlich bin, können einem Menschen mit JavaScript aus egal sein. Das sind fast alle Aluhutträger und die will man nicht in irgendeiner Art ansprechen als Kunde.

Auch keine Menschen die noch Internet Explorer und veraltete Smartphones nutzen. Da nehme ich lieber Rücksicht auf Sehbehinderte.

Was sagt ihr? Macht es noch Sinn, NextJS zu lernen? Warum nutzt ihr das?

...zur Frage

Wordpress Cards mit bildern?

Bräuchte dringend hilfe bei einem Wordpress projekt unzwar wollte ich diese Elementor Cards nutzen die sich beim hovern seitlich drehen aber das problem ist das da nur icons gehen bzw. die bilder super winzig zu sehen sind.

Gibt es irgendeine alternative oder Plugin ?

Also auf der Vorderseite dann zum Beispiel für eine Fitness Studio Seite :

Headline EMS Training, Kraft Training oder Personal Training.

Auf der Rückseite irgendeine Description 3,4 sätze : "EMS training bietet viele vorteile ... impulse usw. Wenig Anstrengung viel erfolg".

"Personal training ist sehr gut ... mehr betreuung ..."

Sowas halt.

Keine verlinkung auf eine unterseite oder "Post Card".

Ich könnte es selbst machen mit html und css aber da ist das problem das es für laien nicht so gut bearbeitbar ist und auch mehr arbeit wäre.

Hab Elementor Pro Version falls das eine rolle spielt. Sowas mit Shortcode wär auch ok.

Hatte mir vorgestellt 8 leistungen

Jeweils 2x 4 rows und eine row soll unter "responsive" versteckbar oder mit meinem custom css da es auf mobil zu anstrengend wäre wenn es auf 1er column wechselt.

Wäre sehr nett wenn mir jemand dabei helfen könnte.

...zur Frage

Wordpress Erfahrungen?

Nutzt ihr regelmäßig Wordpress und was sind eure Erfahrungen?

...zur Frage

Was kommt nach HTML > CSS >?

1.Html

2.Css

Wie sollte man weiter machen?

...zur Frage

React Js App Deployen auf Webserver?

Ich habe jetzt mit

 npm run build

einen Ordner namens "build", wenn ich den über den FTP Zugang hochlade und die URL aufrufe erscheint nur eine Leere Weiße Seite.

Jedoch wenn ich es über andere Anbieter Deploye die das für mich übernehmen dann funktioniert alles einwandfrei.

Wie genau kriege ich das auch hin ?
Nutze All Inkl.

...zur Frage

Nächste Schritte für Full Stack dev?

Hallo,

Ich bin auf der Suche nach einem genauen Weg oder Schritte die ich gehen kann nachdem ich mein ersten Full Stack Projekt mit Python Flask ( Backend) und Frontend ( plain HTML, CSS und JS) und Database mit MySQL fertig gecodet habe.

Was genau kann ich jetzt machen um weiter zu kommen. Mein Ziel ist es fähig zu sein komplette professionelle Websiten erstellen zu können die Industrie fähig sind, d.h. Für Firmen, restaurants etc. Oder halt einen job als Full Stack dev zu bekommen.

sollte ich anfangen ein CSS framework lernen, wie bootstrap oder tailwind, oder ist das nur für designer , pur Frontend devs wichtig.
Oder lieber Backend frameworks wie Node.js, oder frontend JS frameworks wir zb react.

Ich weiß einfach nicht genau wo ich weiter machen soll nachdem ich alle Grundlagen berherrsche.

...zur Frage

Frontend: was nach JS/welches Framework?

ist jetzt weit hergeholt aber, ich wollte neben Java (was ich in der Schule Lerne und auch weiter Lernen will) mich was mit HTML, CSS und JS beschäftigen, da ich es überall sehe bspl Youtube, instagram etc und ich Interesse bekommen habe. Jedoch gibt es einige Frameworks aber welche soll ich denn Lernen? Gibt halt react etc aber kenn mich da nicht so aus..

wie gesagt, es ist weit hergeholt weil ich noch die basics lernen muss aber das ist jetzt grob meine Interesse :)

...zur Frage

Alte Joomla Seite trotz Domainumzug noch aufrufbar?

Hallo an Alle,

Ich hatte eine Homepage alufen unter der Domain tv-vohenstrauss.de diese wurde damals über das CMS Joomla betrieben. Hierfür gibt es ja auch diesen Admin Login für das Backend ,,tv-vohenstrauss.de/administrator''. Vor kurzem habe ich das CMS gewechslet und habe bei 1 und 1/ IONOS über Wordpress eine ganz neue Seite erstellt und habe die Domain von der Joomla Seite auf die neue Umgezogen. Meine Frage lautet ist es trotzdem noch irgendwie möglich auf die Joomla Seite ins Backend zu gelangen?

MFG

...zur Frage

Wieso funktioniert meine "Browser Extension" nicht auf dieser Seite?

Mir ist unter Linux aufgefallen das ich gar nicht den Auto-Scroll von Windows habe in zb. Google Chrome wenn man auf das Mauspad klickt, nutze ich gerne und dachte mir als Challenge ohne Chat Gpt dass ich mal schnell probieren könnte ein eigenes zu programmieren.

Ich weiß da gibt es fertige Software und Extension's, die laufen ohne Probleme und Ressourcen sparender wahrscheinlich.

Hab das erst in einer Html Datei (Extension in "") gemacht zum testen dann in anderen Websites den JS Code in eine Konsole eingefügt und es funktioniert eigentlich ganz gut.

Das Problem ist das ich nicht verstehe wieso er nicht hier funktioniert https://www.tennon.io/ , mir fällt beim inspizieren nichts auf und es scheint mit Next JS umgesetzt zu sein.

<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Auto Scroll Extension</title>
    <style>
        html {
            min-width: 100%;
        }
    </style>
</head>


<body>
    <script>
        /* Render Dummy Content, cursor change wont work with min-height */
        for (let i = 0; i < 1000; i++) {
            document.body.innerHTML += "Lorem Ipsum ";
        }
        const scrollSpeed_Up = -1;
        const scrollSpeed_Down = 1;
        const middlehalf = window.innerHeight / 2;
        let AutoScroll_Interval; /* Global acess */
        let isScrolling = false;
        let isScrollingUp = false; /* Default Scrolling Down, Prevent Errors */


        const ToggleScrolling = Enable => {
            if (Enable) {
                console.log("Auto Scroll Active");
                document.body.style.cursor = "all-scroll";
                AutoScroll_Interval = setInterval(AutoScroll, 1);
                isScrolling = true; /* Prevent Multiple Interval's */
            } else if (!Enable && isScrolling) {
                /* Stop Interval , Reset Cursor and Variables */
                console.log("Auto Scroll Stopped");
                document.body.style.cursor = "auto";
                clearInterval(AutoScroll_Interval);
                isScrolling = false;
            }
        }


        const AutoScroll = () => {
            /* Get Current Vertical Scroll Position : console.log(window.scrollY); */
            isScrollingUp ? window.scrollBy(0, scrollSpeed_Up) : window.scrollBy(0, scrollSpeed_Down);
        }


        window.addEventListener("mousemove", e => {
            e.clientY > middlehalf ? isScrollingUp = false : isScrollingUp = true;
        });


        /* Check if Scroll Button is Pressed */
        window.addEventListener("mousedown", e => {
            e.button === 1 && !isScrolling ? ToggleScrolling(true) : ToggleScrolling(false);
        });


        /* ############## IGNORE ##############
        Check if Client has reached Bottom
        const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
        if (window.scrollY >= scrollableHeight) { 
            // Reached Bottom Code ... 
        } else {
            // Code ...
        }
        */
    </script>
</body>


</html>

...zur Frage

Welches CSS Framework und welches Planungstool sollte ich nutzen?

Hallo,

bisher habe ich jede Idee und jedes Projekt von Null an selbst programmiert und CSS geschrieben.

Um mich zukünftig mehr auf JS und React konzentrieren zu können und auch Ideen schneller umsetzen zu können, möchte ich vorgefertigte HTML/CSS Komponenten verwenden.

Zudem möchte ich dieses Framework auch in Figma nutzen können, um die Idee besser planen zu können.

Welches CSS Framework würdet ihr empfehlen und warum? Es sollte ein modernes Design haben (Bootstrap fällt daher für mich raus). Eine große Auswahl an Komponenten haben, welche man einfach kombinieren und anpassen kann. Die Lizenz sollte auch für kommerzielle Projekte gelten und möglichst kostenlos sein. Tailwind ist kostenpflichtig oder?
Welches Tool könnt ihr noch empfehlen, um eine App/PWA zu skizzieren und zu planen?

Gruß ebody

...zur Frage

Webseite bei Web4Business?

Ich habe eine Website bei Web4Business. Jetzt möchte ich sie ändern, aber mit Wordpress. Wie kann ich das machen? Also bei Web4Business bleiben und es dann mit Wordpress bearbeiten

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen