Webhosting: Unterschied zwischen den Versionen

Aus CodicaTipps
Zur Navigation springen Zur Suche springen
 
Zeile 294: Zeile 294:
  
 
====== Integration mit Nextjs ======
 
====== Integration mit Nextjs ======
 +
 +
Siehe [[Nextjs]]
  
 
* https://www.kindacode.com/article/how-to-correctly-use-bootstrap-5-in-next-js/
 
* https://www.kindacode.com/article/how-to-correctly-use-bootstrap-5-in-next-js/

Aktuelle Version vom 13. September 2024, 20:05 Uhr

Dynamisches DNS


Plattformanbieter

Cloud-Anbieter

Im Gegensatz zu herkömmlichen virtuellen Servern bieten Cloud-Anbieter hoch skalierbare Lösungen, die auch nach tatsächlicher Benutzung abgerechnet werden:

Storage - Anbieter

  • Hetzner StorageBox bietet u.a. SSH, WebDAV-Zugriff. Die Angebote starten bei 3,50 €/Monat für 100 GB.

Traditionelle virtuelle Server im Netz

Provider

Provider RAM statisch RAM insgesamt (inkl. Swap) Festplatte Betriebssysteme Kosten Stand
proplay.biz 128 256 MB 4 GB OpenSuse 10.3 2 € / Monat 21.12.2008
heckrath.net k.A. 256? k.A. 256? 10 GB OpenSuse 10.3 5 € / Monat 21.12.2008
Greatnet VServer-Entry, 128 MB 384 MB 10 GB OpenSuse 10.2 6 €/Monat 21.12.2008
ispOne vServer 128 MB ~-je 128 MB zus. 15 € einmalig -~ k.A. 5 GB OpenSuse 10.3 / Debian 4 3,90 €/Monat 21.12.2008
lgh Mini vServer k.A. 200 MB 4 GB Debian/Ubuntu 3 €/Monat 21.12.2008
fairhosting x1.1 64 MB 128 MB 5 GB Debian 5/OpenSuse 10 3 €/Monat 21.12.2008
fairhosting x2.1 128 MB 256 MB 15 GB Debian 5/OpenSuse 10 4 €/Monat 21.12.2008

(5 GB Speicherplatz für 5 Euro/Monat, 10 Euro Einrichtung; Toplevel-Domain zusätzlich 3,30 €/Jahr)

(5 Euro/Monat inklusive 1 Domain, 4,5 GB Webspace)

Mindestanforderungen

  • Fixes RAM: 256 MB
  • Free harddisk space: 4GB
  • OpenOffice 2.4
  • Java 1.5
  • Citadel

SSH Clients for Java

Webspace

Domains

Webserver einrichten

  • SSL-Zertifikat hinterlegen

Siehe auch Root-Server

Werbung

Durch Werbung auf der eigenen Website lässt sich Geld verdienen. Sie kann allerdings auch abschreckend wirken.

Vermittler von Werbung gibt es eine ganze Menge. Sie stellen einen sogenannten AdServer, der automatisch aktuelle oder auch personalisierte Werbung ausliefert. Beispiele:

  • Google AdSense
  • Criteo
  • DoubleClick (gehört zu Google)
  • DART
  • Open X
  • Zedo
  • OAS
  • Emediate-Ad
  • Adtech
  • Right Media

Werbung technisch umsetzen

Das MediaWiki-System erlaubt das Hinzufügen von Werbung, z.B. Google AdSense.

Siehe auch


Werbung ohne Cookies

Siehe

WebServer-Software

Allgemeines

Redirects


Testen

  • Die virtuelle Maschine BrowserBox bietet mehrere Browser (u.a. Internet Explorer unter Linux mit Wine) an, um die Darstellung einer Webseite testen zu können[1],.
  • Siehe auch Selenium

XAMPP

XAMPP gibt es auch für Windows.

Siehe auch diese Anleitung, um XAMPP für Windows mit VirtualHosts zu konfigurieren.


Apache Webserver

Siehe Apache Webserver

Node.js

Siehe Node.js

Mini-Web-Server

HTML

CSS

Allgemeines

Farbpaletten

Tooltips

Tabellen

Siehe

CSS-Frameworks

Ant.Design

Siehe

Einbindung in React / Typescript-Projekt

Ant.Design wird mit

 npm install --save antd

dem Create-React-App-Projekt hinzugefügt.

Im Code muss man einerseits das CSS einbinden:

 import "antd/dist/antd.css";

Andererseits benötigt man auch den JavaScript-Code, z.B. für das Input-Element:

 import {Input} from "antd";
 ...
 return (<Input placeholder="Hallo" />);
 ...
Bootstrap

Twitter Bootstrap ist ein Open Source-Framework, das im Wesentlichen mit CSS und entsprechenden Klassen (class = "container-fluid") aus dem Stand ein ganz ansehnliches Layout bereitstellt. Siehe

Siehe auch

Integration mit Nextjs

Siehe Nextjs

 npm install --save-dev sass 
 npm install --save bootstrap

In src/styles/globals.scss importiere Bootstrap-SCSS

 @import '~bootstrap/scss/bootstrap.scss';

Die Tilde ~ ist dabei eine Kurzform für das node_modules/-Verzeichnis.

In src/pages/_app.tsx importiere globals.scss und Bootstrap.js

import "../styles/globals.scss";
import type { AppProps } from "next/app";
import { useEffect } from "react";

function MyApp({ Component, pageProps }: AppProps) {
  useEffect(() => {

    //import("bootstrap/dist/js/bootstrap");
    typeof document !== undefined 
    ? require('bootstrap/dist/js/bootstrap') 
    : null
  }, []);
  return <Component {...pageProps} />;
}

export default MyApp;
Themes


Bootstrap-Themes mit MIT-Lizenz finden sich auch auf

Navigationsleiste, die auf Scrollen reagiert

Siehe auch - ohne Bootstrap -: https://css-tricks.com/sticky-smooth-active-nav/

einzelne Features

Icons

Siehe React#Icons

CSS Animationen

Googles "Do a barrel roll" kann man für jede Website mittels CSS-Animationen und iframe-Tag durchführen.

CSS beim Druck

Siehe

Server Side Includes

Siehe auch

Perl

PHP

Web-Admin-Tools

  • Web-Verwaltungstool, das die Konfiguration aus den Standard-Konfigurationsdateien ausliest und schreibt: WebMin (nicht mehr in Debian enthalten, aber weiter als Debian-Package verfügbar und weiterentwickelt)
  • Web-Admin-Tool: Zentyal (früher: eBox)

Wikis

  • Siehe MediaWiki, die Software hinter wikipedia und codicatipps
  • MoinMoin ist ein in Python geschriebenes Wiki.
    • Die Interwikimap bei MoinMoin lässt sich durch Ergänzung der Datei data/intermap.txt erweitern.

Blogs

Content Management System


Dateibasierte CMS

Headless CMS

Headless CMS sorgen nur für das Content-Management, bieten allenfalls eine Benutzeroberfläche, um den Content zu erfassen, nicht aber ihn gegenüber den Benutzern/Kunden darzustellen. Sie bieten dafür eine API an, über die das Frontend an den Content gelangt.

Beispiel:

Authetifizierung und Berechtigungen

Tools



  1. c't 8/2010, S. 62