I apologize if this is a silly question, but maybe legitimate for the web developer newbie.

So I understand that a backend server serves HTML where the code is in the clients browser to render. With global HTML attributes I am learning that I can set an attribute contentEditable="true" in react and then in the browser I can edit the text.

import "./styles.css";

export default function App() {
  return (
    <div className="App" contentEditable="true">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

I am learning in code sand box with React. Is it possible on the client side browser to be able to change/edit the text in the html file and then for the server to save that data? So when the client closes the browser and then opens another session, that the changed edited text is present in the HTML file that was served by the server?

If it is possible to do something like this what would all go into this process explained a a high level for the newb to understand? Anything React related also greatly appreciated.