Wofür wird Next JS benutzt?

Im Internet steht

„It lets you build server-side rendering and static web applications using React“

Wenn ich also ne Website baue, benutze ich

JavaScript + React + Next Js + Etwas für mein Backend wie PHP?

Ich verstehe nicht ganz, wofür das jetzt benutzt wird. Kann Next JS bereits mein Backend sein?

1 Antwort

Lezurex

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik

02.05.2022, 13:10

Kann Next JS bereits mein Backend sein?

Ja. PHP brauchst du dann nicht mehr.

Durch Next.JS kann ein kleineres JavaScript-Bundle an den Client gesendet werden, dadurch lädt die Seite schneller und der Besucher bekommt die Seite schneller zu sehen. Das Pre-Rendering hilft da auch eine Menge mit. Das, was auf dem Server schon gerendert werden kann, wird zu HTML gerendert. Somit muss nur noch fertiges HTML an den Client gesendet werden. Für die ersten Inhalte wird also nichtmal JavaScript beim Client benötigt.

Das ist bei einer klassischen CRA anders: Dort wird einfach die gesamte Applikation an den Client gesendet und ohne aktiviertem JavaScript läuft gar nix. Das ist besonders für die Indexierung von Suchmaschinen relevant, diese parsen nämlich nur HTML. Mit einer CRA hast du also gar keine Suchmaschinenindexierung, mit Next.JS hingegen schon, da wichtige Metadaten und Inhalte schon auf dem Server gerendert werden und der Crawler der Suchmaschine fertiges HTML erhält.

Critopfee

Fragesteller

02.05.2022, 13:41

Das meiste habe ich verstanden, nur meinst du jetzt, dass ich wie immer React als mein Frontend verwenden kann und Next JS als mein Backend wie ich sonst PHP verwendet habe?
Oder ist das nur für Mini Applikationen empfohlen

Critopfee

Fragesteller

02.05.2022, 13:44

@Critopfee

die meisten sagen, dass ich trotzdem noch mein Node Server oder PHP brauche 💀

Lezurex

02.05.2022, 13:50

@Critopfee

Next.JS lässt Backend und Frontend sozusagen ein wenig mehr zusammenwachsen. Das, was beim Client schlussendlich angezeigt wird, wurde teilweise auf dem Server gerendert und der Rest beim Client.

Mit Next.JS kannst du problemlos auch mit Node.JS Backend-Code schreiben. Next.JS hat auch Unterstützung für API-Endpunkte, ähnlich wie Express.

Critopfee

Fragesteller

02.05.2022, 13:57

@Lezurex

Danke für den Einblick in diese Frontend Framework Hölle als Anfänger.
Ich muss also

JavaScript > React > Next Js

können. Dann noch sowas wie Node JS, PHP oder Python für mein Backend. Wie würdest du das jetzt lernen ohne den kompletten zu verlieren? 😶

Lezurex

02.05.2022, 14:13

@Critopfee

Erstmal fängst du mit JavaScript an. Wenn das sitzt, kannst du weiter zu React und dann Next.JS. Dazwischen eventuell noch Node.JS, das wirst du dann serverseitig brauchen.

...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

JavaScript Frage zu Next.js 13?

Mit Next.js 13 bzw. React 18 gibt es nun Server Components.

https://nextjs.org/blog/next-13#server-components

Bedeutet es, dass wir bei Next.js getServerSideProps/getStaticProps nicht mehr brauchen

...zur Frage

Soll man jQuery lernen wenn man danach mit React arbeiten will?

Hallo liebe Com !

Ich habe vor als Front End Web Developer zu arbeiten, und lerne die dazu benötigten Technologien.

HTML, CSS und JavaScript verstehe ich genug, und nun stellt sich mir die Frage ob ich jQuery lernen soll, vereinfacht JavaScript, oder soll ich sofort mit React beginnen, weil React immer populärer wird. Ich glaube jQuery zu lernen nicht notwendig ist und ich auch sofort React lernen kann, oder gibt es Sachen aus jQuery die jeder Web-Developer kennen muss ? Sowie die Basics aus html, css oder JS ?

...zur Frage

Windows Fenster Titel ändern C#?

Guten Tag,

ich habe ein neues Projekt in C# geöffnet. (Das NET Core UWP mit vorgefertigtem Fenster in Visual Studio)

Da ist dieser Code:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace WindowsFormsApp1
{
    static class Program
    {
        /// <summary>
        
        /// </summary>
        [STAThread]
        static void Main()
        {
            Application.SetHighDpiMode(HighDpiMode.SystemAware);
            Application.EnableVisualStyles();
            Application.SetCompatibleTextRenderingDefault(false);
            Application.
            Application.Run(new Form1());
        }
    }
}

Ich möchte den Titel des Fensters ändern. Beispielsweise zu Test. Was muss ich da genau machen? Ich finde keine brauchbaren Tutorials oder so im Internet.

...zur Frage

Wofür werden die Programmiersprachen Python und JavaScript benutzt?

Python und JavaScript werden ja immer beliebter. Aber wofür werden sie hauptsächlich benutzt?

Ich habe gehört, JavaScript sei für sowohl Frontend und als auch Backend Development geeignet. Damit kann man ja auch Webseiten und mobile Apps entwickeln. Auch mit Python Django lassen sich Webseiten entwickeln.

Früher dachte ich, dass man für Web Development auf jeden Fall PHP lernen sollte. Macht es heute noch Sinn, PHP zu lernen?

Und warum lernt man Java, Kotlin oder Swift, wenn man schon mit React.js für die beiden OS (Android und Ios) Apps entwickeln kann?

...zur Frage

Warum benutzt Facebook PHP?

Ich wunder mich seit einigen Tagen weil ich bei Facebook oben in der Browserleiste so Links sehe wie zum Beispiel: https://www.facebook.com/profile.php?id=12345

Also profile.php und dann ein id Parameter.

Ich dachte Facebook benutzt Javascript und React, hat sich da etwas geaendert oder haben die schon immer PHP benutzt?

...zur Frage

React Vite Server Side Rendering?

Ich habe meine React-Website mit Vite erstellt und habe die Option React-SSR genommen, damit sie auf dem Server gerendert wird. Bis jetzt funktioniert alles, der Code wird im HTML-Seitenquelltext angezeigt. Aber zwei Dinge funktionieren noch nicht so gut. Die API-Daten werden noch nicht auf dem Server gerendert und ich habe es bereits gemäß der Dokumentation getan, aber es funktioniert nicht. Und die styled-components werden auch nicht auf dem Server gerendert, was eine Verzögerung von 1-2 Sekunden beim Aktualisieren verursacht.

...zur Frage

Wofür steht "using namespace std;"?

Hallo

ich muss ein Programm erklären in c++.

Ich habe using namespace std; benutzt und würde gerne genau wissen was es bringt und wofür es steht.

...zur Frage

Was lernen nach JavaScript Vanilla?

Nach den Basics wie If/Else, Schleifen, Variablen, Funktionen, HTML/CSS mit GetElementBy verändern, kleine Animationen, usw..

Ich habe auch schon vieles gemacht zum Üben. Wie kleinere Spiele oder Web Apps für mich selbst.

Welcher Schritt wäre am einfachsten und welcher wäre am sinnvollsten?

Ein Framework lernen? Wenn ja, welches (Vue, React, Angular)?
Direkt NodeJS fürs Backend?
Oder etwas wie SQL?
Eine zweite Programmiersprache vielleicht, wie PHP?
Typescript ?

...zur Frage

Unterschiede zwischen PHP und JavaScript?

Hallo,

Ich habe gelesen das man halt für die Funktionen der Website z.B PHP oder JavaScript brauch. Ich würde gerne euch fragen was benutzt ihr und was heißt denn eigentlich Server-Side und Client-Side? Würde php ohne einen Server nicht gehen oder wie ist das gemeint?

Danke

Max

...zur Frage

React JS, was ist <React.StrictMode>?

Das ist ja standardmäßig in der index.js aber was bringt es genau ?
Wenn ich es nicht weglasse dann werden meine Funktionen innerhalb der Komponente doppelt aufgerufen die zwischen dem <React.StrictMode> sind.

Also kann ich es weglassen ?

App JS :

import {React,useEffect,useState} from 'react'
export default function App() {
useEffect(() => {
  // http://api.icndb.com/jokes/random
  const fetchJoke = async()=>(
    await fetch(`http://api.icndb.com/jokes/random`)
    .then(response => response.json())
    .then(data => console.log(data.value.joke))
  )
fetchJoke()
}, [])
  return (
    <div>App</div>
  )
}

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>    
 <App />
<React.StrictMode> 
);

Hab ja auch useEffect Hook benutzt damit es nur 1x beim laden ausgeführt werden soll.

...zur Frage

Was kann Javascript, dass PHP nicht kann?

Hallo,

ich habe einen ersten Einblick ins Webdesign genommen und mich ein wenig mit JS und PHP beschäftigt. Da kommt mir die Frage:

Wofür Javascript? Formularüberprüfungen, Datenverarbeiten usw lässt sich doch alles mit PHP realisieren.

Oder gibt es etwas, dass nur JS kann?

Danke sehr

...zur Frage

Visual Studio Code formatiert Javascript/React Code falsch?

Hallo! Ich habe eine neue React App gestartet und habe gerade angefangen zu coden, doch als ich das erste mal gespeichert habe, hat Visual Studio Code angefangen, die JS Files falsch zu formatieren.

Die Datei an sich ist übrigens eine beinahe unformatierte Datei die automatisch generiert wurde.

So will ich es formatiert haben:

function App() {
    return (
    <div className = "App" >
            <h1>yo</h1>
    </div >);
 }

Aber so wird es autoformatiert:

function App() {
    return ( <
        div className = "App" >
        <
        h1 > yo < /h1> < /
        div >
    );
}

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen