Verwandte Themen

SollIchOderNich
17.07.2024, 13:44
Was haltet ihr von diesen Premium-Domains?

Hallo Schwarmintelligenz,

ich überlege mir gerade, ob ich mir eine der nachfolgenden „Premium-Domains“ kaufe:

it-admin.de
it-superuser.de
domain-superuser.de
key-admin.de
key-superuser.de
max-superuser.de
web-superuser.de

www-superuser.de
www-root.de

Dazu habe ich in der Suche von IONOS.de und sedo.com ein Bisschen herumprobiert, was für Domains so möglich sind, die irgendwie nach IT, Webentwicklung bzw. Webdesign und dazu noch „wichtig“ klingen. Naja, das sind dann die besten, die ich finden konnte, die auch aktuell zum Verkauf stehen...

Findet ihr, die klingen zu allgemein und/oder hat man da vielleicht zu viel Traffic, wenn man darüber eine Website bzw. E-Mail-Adresse (info@ oder so) anlegt? Oder könnte man da vielleicht sogar versehentlich für ein Unternehmen gehalten werden, welches allgemein für Domain-Registriereungen etc. zuständig ist?

Aus Kostengründen würde ich mir davon zwar sowieso nur eine holen (auch wenn die Gebühr ja eh nur eine Einmalzahlung ist), aber da muss ich noch überlegen welche...

Eine „normale“ Domain mit meinem Namen habe ich schon, das ist ja keine „Premium-Domain“, aber ich finde die o. g. schon ziemlich cool. Besonders, wenn ich mich mal in den genannten Bereichen selbstständig machen würde, könnte ich die ja theoretisch auch dafür nutzen.

Was haltet ihr also von dieser Idee oder meint ihr, dass das übertrieben wäre?

Computer, Internet, IT, Admin, Administrator, Domain, Domainverkauf, Root, Root Server, Webdesign, Webentwicklung, WWW, domainname, superuser
3 Antworten
JanMarcel01
04.07.2024, 19:54
Mit Links
NextJS Server Component aktualisiert API-Daten nicht?

Hey Leute,

ich bin relativ neu in NextJS (nutze den AppRouter) und habe aktuell folgendes Problem:

Überblick:
Ich habe ein Server Component, welches eine Liste von Items darstellen soll, diese Items weden mit axios von einem externen Backend geladen.
Zudem habe ich noch ein Formular (auf einer anderen Seite), mit welchem ich neue Items hinzufügen kann.

Problem:
Wenn ich ein neues Item hinzufügen (egal ob über das Formular oder direkt in der Datenbank) und dann auf die Seite mit der Liste navigiere (oder umgeleitet werde), sehe ich die neuen Items nicht.
Ich muss zuerst einen vollständigen Reload über den Browser durchführen, damit die neuen Daten aus dem Backend geladen werden.

Meine Frage:
Bin ich zu doof das Server Component korrekt zu benutzen oder ist es einfach falsch, für ein solches Szenario Server Components zu nutzen und ich sollte einfach Client Components nutzen.

Relevanter Code:

const client = axios.create({
  baseURL: "http://localhost:9999"
})

async function getItems(): Promise<Item[]> {
  return client.get("/items")
    .then(response => response.data.items)
    .catch(error => {
      console.log(error);
    });
}

const ItemsList: FC = async () => {
  const items = await getItems();

  return (
    <>
      // rendering list
    </>
  );
};

export default ItemsList;

Mfg Jannick (L1nd)

HTML, JavaScript, Framework, Webentwicklung, API, Frontend, React, node.js, TypeScript
1 Antwort
melisax795
03.07.2024, 11:19
Mit Bildern
Wieso wird diese Webseite in React ohne Header und Footer gerendert?

Zur Aufgabe: Man soll drei Komponenten haben: Header, Main und Footer. Diese drei Komponenten müssen dann in die MainView und die MainView in die App.

Wenn ich die Webseite lade, ist zwar alles gut soweit, aber wenn ich über die Navigation auf Kontaktseite z.B. klicke, werden weder Footer noch Header angezeigt. Kann mir jemand bitte helfen?

import React from 'react';
import { Link } from 'react-router-dom';
import '../App.css';

const Header = () => (
  <header>
    <div id="logo">
      <Link to="/startseite">
        <img src="/img/Chicolio_Logo_trs_thumbnail.png" alt="Logo" />
      </Link>
    </div>
    <h1>Startseite</h1>
    <nav>
      <Link id="homepage" to="/startseite">Startseite</Link>
      <span>|</span> {/* Vertikaler Strich als visuelle Trennung */}
      <Link id="contactpage" to="/kontakt">Kontakt</Link>
      <span>|</span>
      <Link id="impressum" to="/impressum">Impressum</Link>
      <Link id="shoppingcart" to="/warenkorb">Warenkorb</Link>
    </nav>
  </header>
);

export default Header;

import React from 'react';
import '../App.css';

const Footer = () => (
  <footer className= "footer">
    <div>
      <p>&copy; Unsere Namen - 2024</p>
    </div>
  </footer>
);

export default Footer;

import React from 'react';
import Startseite from './Startseite';

const Main = () => {
  return (
    <div>
      <Startseite />
    </div>
  );
};

export default Main;

import React from 'react';
import Header from './Components/Header';
import Footer from './Components/Footer';
import Main from './Components/Main';
import './App.css';

const MainView = () => {
  return (
    <div>
      <Header />
      <Main />
      <Footer />
    </div>
  );
};

export default MainView;

import React from 'react';
import { BrowserRouter as Router, Route, Routes, Link } from 'react-router-dom';
import MainView from './MainView';
import Warenkorb from './Components/Warenkorb';
import Impressum from './Components/Impressum';
import Produkt from './Components/Produkt';
import Startseite from './Components/Startseite';
import Kontakt from './Components/Kontakt';
import './App.css';

// Wurzel-Appkomponente
function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<MainView />} />
        <Route path="/warenkorb" element={<Warenkorb />} />
        <Route path="/impressum" element={<Impressum />} />
        <Route path="/produkt/:id" element={<Produkt />} />
        <Route path="/startseite" element={<Startseite />} />
        <Route path="/kontakt" element={<Kontakt />} />
      </Routes>
    </Router>
  );
}

export default App;

Das ist, wenn man nach dem Browsen in der Navigation auf Startseite klickt.

Und das wird direkt beim Öffnen angezeigt:

Bild zum Beitrag
HTML, Webseite, JavaScript, Webentwicklung, React, node.js
1 Antwort

Meistgelesene Beiträge zum Thema Webentwicklung

Mehr meistgelesene Fragen zu Webentwicklung