A dead simple time tracker that keeps everything in local storage. Next.js, no accounts and no server.
handcodedlocalstoragenextjsreactself-hostedserverlesstime-trackingtimer
1import React from "react";
2import Document, { Html, Head, Main, NextScript } from "next/document";
3
4class MyDocument extends Document {
5 render() {
6 return (
7 <Html lang="en">
8 <Head>
9 <meta
10 name="description"
11 content="Why is it 5 AM? Isn't there something simple I can use to track what I'm doing with all this time?"
12 />
13 <meta name="theme-color" content="#0E0D0A" />
14 <link rel="manifest" href="/manifest.json" />
15 <link rel="preconnect" href="https://fonts.googleapis.com" />
16 <link
17 rel="preconnect"
18 href="https://fonts.gstatic.com"
19 crossOrigin="anonymous"
20 />
21 <link
22 rel="stylesheet"
23 href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap"
24 />
25 </Head>
26 <body>
27 <Main />
28 <NextScript />
29 </body>
30 </Html>
31 );
32 }
33}
34
35export default MyDocument;