web updates

Author: mashaal

examples/ultra-website/mdx/docs.mdx

@@ -135,9 +135,9 @@ Ultra comes with a build function. What it do:
 
 ---
 
-### [Deployment](#deployment)
+### [Deploying](#deploying)
 
-Use this `Dockerfile`
+Use this `Dockerfile`. It is multi-stage, and will both build and run the production ready app.
 
 ```bash
 FROM denoland/deno:1.25.0 as builder
@@ -151,3 +151,13 @@ COPY --from=builder /app/.ultra /app
 WORKDIR /app
 CMD ["deno", "task", "start"]
 ```
+
+You can modify this as needed, another possible Dockerfile assumes you commit your build artifacts, or deploy locally from built files.
+
+```bash
+FROM denoland/deno:1.25.0
+EXPOSE 8000
+WORKDIR /app
+COPY .ultra /app
+CMD ["deno", "task", "start"]
+```

examples/ultra-website/public/style.css

@@ -31,7 +31,7 @@ body {
 
 body {
   max-width: 1500px;
-  min-width: 390px;
+  min-width: 350px;
   margin: auto;
   font-size: 120%;
   padding-bottom: 5rem;

examples/ultra-website/src/app.tsx

@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 import useAsset from "ultra/hooks/use-asset.js";
 import { Link, Route, Switch, useLocation } from "wouter";
 import HomePage from "./components/Home.tsx";
@@ -9,6 +9,7 @@ import { Helmet } from "react-helmet-async";
 
 export default function App() {
   const [pathname] = useLocation();
+  const hasMounted = useRef(false);
 
   useEffect(() => {
     if ("serviceWorker" in navigator && location.hostname == "ultrajs.dev") {
@@ -17,7 +18,8 @@ export default function App() {
   }, []);
 
   useEffect(() => {
-    window.scrollTo(0, 0);
+    if (hasMounted.current) window.scrollTo(0, 0);
+    else hasMounted.current = true;
   }, [pathname]);
 
   const top = () => {