Docker for fullstack developer
The docker-compose.yml file contains the MongoDB database, the MongoDB database client management tool, the Jest unit test, and the Next.js program host for this fullstack development. We develop in the …
OAuth: Authorization Code Flow
用法 流程 示例 👉 變體：Authorization Code Flow + PKCE Use usemodernfullstack.dev to be Authorization Server. (Role: like Google, Facebook, and Github)
OAuth 4 Flows
1. Client Credentials Flow（用於機器對機器 M2M 通信） 用法 流程 示例 2. Implicit Flow（已被淘汰） 用法 流程 示例 為什麼淘汰？ 👉 解決方案：使用 Authorization Code Flow + PKCE（適用於 SPA 應用）。 3. Authorization Code Flow（適用於 Web …
Jest: Mongoose
jest.fn(): Jest provides a mock function that replaces the real function so that you can monitor its behavior, for example:
Jest: testEnvironent
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, …
Jest? and What are sub, fake, mock?
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 …
Mongoose 「蒙古斯」（/ˈmɒŋ.ɡuːs/）
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 on Next.js
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 …