ReasonJun

import Head from 'next/head'; import { Inter } from 'next/font/google'; import Link from 'next/link'; import { useEffect, useState } from 'react'; const inter = Inter({ subsets: ['latin'] }); export async function getStaticProps() { return { props: { time: new Date().toISOString() }, }; } export default function ISR({ time }) { return ( {time} ); } The data is updated when the page is refreshed.

SSG and ISR are two different ways of rendering web pages. SSG stands for Static Site Generation, and ISR stands for Incremental Static Regeneration. SSG is a technique where the pages of a website are rendered on the server before the user requests them. This means that the pages are pre-rendered and served to the user as static files. SSG has a number of benefits, including: Faster page load t..

PocketBase is an open-source backend consisting of embedded database (SQLite) with realtime subscriptions, built-in auth management, convenient dashboard UI and simple REST-ish API. It is a Go (golang) application that can be downloaded and run as a standalone app or as a Go framework. PocketBase is designed to be easy to use and to provide a variety of features that make it a good choice for bu..

remark and remark-html are two JavaScript libraries that can be used to process Markdown. remark is a general-purpose Markdown processor that can be used to do a variety of things, such as: Parsing Markdown into an abstract syntax tree (AST) Transforming the AST into different formats, such as HTML, JSON, or XML Linting Markdown for errors or inconsistencies Adding custom extensions to Markdown ..

If typescript cannot infer the type and need to do type annotation 1. In case of unilaterally returning any type const json = '{"x": 1, "y": 2}'; const coordinates = JSON.parse(json); console.log(coordinates); 2. If you declare a variable first and initialize it later => In this case, it is inferred as any. let greeting greeting = 'hello' // let greeting: any 3. When the value to be assigned to ..

The void type is used to represent functions that do not return a value. This is typically used for functions that have side effects, such as logging or printing to the console. For example: function logMessage(message: string): void { console.log(message); } const result = logMessage("Hello, world!"); // The result of this function is void The never type is used to represent functions that neve..

In TypeScript, an enum is a special "class" that represents a group of constants (unchangeable variables). Enums come in two flavors string and numeric. enum means enumerated type. An enum names a set of values and makes them available. Here we can utilize an enum to use a set called PrintMedia with a friendly name instead of a hard-to-remember number. Each PrintMedia enumerated is zero-based by..

The fs module, the path module, and the gray-matter module are all popular JavaScript modules that are used for working with files and directories. The fs module provides a set of functions for reading, writing, and manipulating files and directories. It is a core module in the Node.js platform, so it is always available when you are working with Node.js. The path module provides a set of functi..

In Node.js, the following three variables are used to get the current working directory and the filename of the current module: __dirname __filename process.cwd() __dirname is a special variable that is defined within each module. It returns the directory name of the current module, which is the directory that contains the current JavaScript file. For example, if the current file is /home/user/m..

Error When installing next.js as follows, an error like the following picture occurred. Cause & Solution: https://www.totaltypescript.com/react-refers-to-a-umd-global Explained: 'React' refers to a UMD global Find out why this error occurs and learn how to fix it. www.totaltypescript.com Personal thought & solution However, personally, I just followed the method provided by next.js, but I didn't..