Strona www z panelem do dodawania elementów (do sprzedaży).

Question

Cześć Wszystkim, tak Adminom jak i Userom.

Od paru miesięcy uczę się w stronę frontendu (html, css, js) i kieruję się na Reacta. Jak dotąd - kursy, teoria. Nadszedł czas na zrobienie 1ej strony i szukania odpowiedzi.

Strona w sumie prosta, z kilkoma podstronami. Zastanawiam się jednak nad jednym elementem. Chciałbym zrobić możliwość dodawania przez jej właściciela/użytkownika produktów do sprzedaży, które składałyby się z kilku zdjęć i opisu: 1no duże zdjęcie, pod nim miniaturki kilku innych zdjęć, opis produktu. Wyświetlałyby się (responsywnie) 3 lub 4 obok siebie (na desktopie). W sumie standardowo. Produkty po sprzedaniu lądowałyby na inną stronę, z uwagi na zdjęcia, lub/i może byłyby jakoś oznaczane w tym samym miejscu (szarość, przekreślenie).

Pytanie, czego potrzebuje? Ogólnie strony w html5+css3. Co jednak do tego dodawania produktów? Czy js tutaj wystarczy? Czy tutaj już muszę zbudować backend i to jakoś połączyć(php?)? Baza danych? Te produkty byłyby jedną z sekcji, jeden ekran by zajmowały, lub na osobnej stronie to zrobię.

Czy React się tu przyda, czy to za duży karabin do takiej małej strony i wystarczy święta 3ca.

Nie chciałbym korzystać z cmsa, jak wordpress. Chciałbym przejść przez to i się tego nauczyć - praktyka :).

Będę wdzięczny za wskazówki.

Pozdrawiam.

Answer 1

Możesz to zrobić na wiele sposób, pierwszy to zakładasz jakąś bazę, bo musisz gdzieś trzymać dane o tych produktach i zdjęciach + dodatkowo musisz jakoś sprawdzać czy dana osoba może dodawać produkty żeby nie mogli tego robić wszyscy. Robisz to w php + mysql + html + css wiadomo.

Drugi sposób to stworzenie jakiegoś API w PHP lub czymś innym co będzie komunikować się z bazą i komunikacja w javascripcie do tego api. Możesz to wykonać w react albo w czystym js bez bibliotek.

 

Trzeci sposób jeśli nie chcesz się bawić w backend to zawsze możesz użyć platformy firebase od googl'a gdzie backend masz załatwiony i bazę danych. Komunikujesz się z tym za pomocą między innymi w javascripcie, dokumentacja jest bogata i stosunkowo prosta. Możesz to wykonać w react.js lub w samym js.

 

Tak czy inaczej, backend jako tako mus być, od ciebie zależy co wybierzesz.

Answer 2

Backend i baza danych jest tu potrzebna.

Robisz to w php + mysql + html + css wiadomo.

Niekoniecznie, backend w javascript można napisać w node.js. Jeśli nie interesuje Cię php to możesz śmiało zostać w javascript. Osobiście nigdy nie pisałem strony w react, ale z tego co się orientuje to ma on framework do pisania backendu - Next.js