Deploy Next.js to Nginx
Make sure you next.config.js content To Build Next.js Source Code and Start for check Copy deploy files to remote server unzip deploy fiels to /var/www/next-app and use pm2 to run …
Technical sharing by programmers
Make sure you next.config.js content To Build Next.js Source Code and Start for check Copy deploy files to remote server unzip deploy fiels to /var/www/next-app and use pm2 to run …
jest.fn(): Jest provides a mock function that replaces the real function so that you can monitor its behavior, for example:
The following two Code snippets, one is seriver-side tests, and one is react componet tests. dbConnect TestSuite is server side tests, use node for testEnvironment. This React Unit Test file, …
npm install –save-dev jest @types/jest npm install –save-dev ts-jest npx ts-jest config:init will generate file jest.config.js create __tests__ folder under root path of Next.js project, and create xxx.test.ts under this …
We access MongoDB through Mongoose module. We create these ts file to access MongoDB. (Example: Next.js Project, npm install mongoose) When you need to define an interface in TypeScript but …
GraphQL has the built-in scale types Int, Float, String, Boolean, and ID. Exclamation marks (!) denote non-nullable fields, and lists within square brackets([ ]) indicate arrays. use browser http://localhost: 3000/api/graph …
Server-Side Rendering: SSR 何時執行? 每次請求時,在伺服器端執行 getServerSideProps 來產生 HTML。優點: 缺點: Static Site Generation: SSG 何時執行? 在 build 時執行 getStaticProps,預先生成 HTML,並在 CDN 上提供。優點: 缺點: Incremental Static Regeneration: ISR 何時執行? 在 build 時先生成靜態頁面,但允許根據 …
React uses a custom JavaScript Syntax Extension (JSX) to describe HTML elements and TypeScript for static typing, both of which require a transpiler to convert the code to JavaScript. To …