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 …
Tailwind Grid
🔍common device resolutions Prefix Min Width CSS sm 40rem (640px) @media (width >= 40rem) { … } md 48rem (768px) @media (width >= 48rem) { … } lg 64rem (1024px) @media (width >= …
Tailwind Flex
block-level elements：<div>, <p>, <h1>-<h6>, <section>, <article> inline-level elements:<span>, <a>, <strong>, <em> block-level elements: one below other block-level elements (default) <div> <div class=”quote”>…</div> <div class=”quote”>…</div> <div class=”quote”>…</div> </div> <div class=”flex”> <div …
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)
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 …