The request from the source to the website is called “SaaS”

Time:2022-1-24

Air conditioner у OK, one year later, I will start my next js App –Chirpy, a single asset that requires a pre-determined SaaS/ p>

More than one item? To make a living

This isGitHub Repo, it is necessary to pay attention to the female in the future, which is related to the basic information у The process will close all the SaaS information that needs to be found, and will not be valid/ p>

Lock embroideryPrior to the beta test, chirp will provide support according to the test results, such as the data required by the structure can not be collected?Talk about dockerWhat/ p>

Preview menu

Please refer to the component to support document editing and editing?markdown shortcuts(arkdown will browse regularly)?typoraScale of work

The request from the source to the website is called

To specify the control mode (more than the specified number):/ p>

The request from the source to the website is called

The assembly uses the tools to create an analysis panel

The request from the source to the website is called

To delete

We are in the building or issuedClick OKI’m not going to be asked for a minute?DisqusThe function of the main body is the function of the main body. The function of the main body is the body, the connecting link, the process of making a complaint about a broken or broken item, the connecting link, the assembly of an assembly that is a process of making a complaint about a broken item, the functional function of the main body, the connecting link, the process of making a complaint, the connecting link, the process of making a complaint, the process of making a complaint, the process of making a complaint about a broken item, the process of making a complaint, the process of making a complaint, the process of making a complaint, the process of making a complaint, the process of making a complaint about a medical record, the preparation of a medical record, the preparation of a medical record, the process of making a referral to South Korea, the process of making a complaint, the process of not making a complaint, the process of making a non-team, the user, the process of making a contract, the process of a contract, the process of a contract, the process of making a contract, the process of adding and breaking up and breaking up, breaking up, report details upon arrival

Bloomberg LawDisqus Faces $3 Million Sanction Over Alleged GDPR Breachesfor multiple breaches of EU privacy law.
Disqus facing $3M fine in Norway for tracking users without consent

Or alternativelygitalk utterancesWhat kind of person is it? In the configuration system of GitHub API, only one problem that displays the completed data will be supported? When GitHub is registered, its functions can be transferred to API. For example, it can be used as an asset distribution structure of an assembly? Analytics/ p>

The group of people with a common group and the group of people who are in the way of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the group of the people who are married to the group of the group of the people of the group of the group of the group of the people of the group of the group of the group of the group of the people, the group of the group of the group of the group of the group of the group of the group of the people, the group of the group of the group of the group of the group of the group of the group of the people, the group of the group of the group of what/ p>

Based on the problem from the top, I can only turn on one power source В Refer to the assembly system for details/ p>

Select the following in the technical report:? Temporary

Next. JS “Gatsby”

Time barrier? 020, press the react SSR box next JS drain out?SSG(static site generation)ISR(ncremental static regeneration)? However, it may be very hot when it changes, and the light generator Gatsby will be displayed if it is selected again in 2019? a href=” https://link.segmentfault.com/?enc=AxuBfrIrvokGzoXdCvtNPQ%3D%3D.6H5OUmsMZf%2FZmLaHzq9SjB0qcUt82peF2BSAJXsskPY%3D “Rel =” nofollow “> remix is a non common choice

Gatsby Next.js
SSR “Yes” Why/ td>
SSG Why/ td> Why/ td>
ISR “Yes” Why/ td>
BUILD SPEED Contract Mother of Pearl
HMR SPEED Contract Mother of Pearl

NPM Zan/ a> What/ p>

The request from the source to the website is called

Next. JS?ISR(please update the version if necessary) х If the smart phone unique to the effective application group has three components? Iframe request component, there is no need to use ISR to explain? SSR status э In addition, the addition of CDN can be reduced by paper and explained (if it is ISR protocol)/ p>

The request from the source to the website is called

To start? Chirpy select? Egoist?Next FullStack StarterIf you want to compress the point, you need to support next js +Prisma + GraphQL + TypeGraphQL + TailwindcssHowever, ORM prism is found in the distribution process and is not supportedSubscription/real-time APIThese are the functions that can be used to test the electric brush, and then perform the back end process after reading the anti-collision threshold Щ Brief introductionHasuraWhat/ p>

Prisma鉃★Hasura

Description of main boardPrismaAnd?HasuraAnd it’s not the same one? a href=” https://link.segmentfault.com/?enc=quiDqRK78pS%2F9kgWyWj%2BEA%3D%3D.JLKTdzWqsVIN2%2FOzDTLSvXw40KzSPIcbpH6vZTun%2F9pMROHMOY4IfcScLJwfMnHQ ” rel=”nofollow”>Hasura

It is a high and high-quality product? Graphql server, which supports the use of graphql to query the data base? For example:PostgreSQL)In this case, the company will also provide a number of rights and regulations у Copy? a href=” https://link.segmentfault.com/?enc=BwXD2Wygmmyx1ZOJ%2BEL%2BGQ%3D%3D.66O23OFzVcaJjR%2FiwcVrrG5dAAmYVr90BABsTUKfw7s%3D “Rel =” nofollow “> prism is an ORM, which supports graphql. It is necessary to make the corresponding payment?resolverFrom the corresponding cost control, the cost can be transferred and the corresponding costs can be classified? Hassura lathing/ p>

Prisma Hasura
Please TypeScript haskell
Type ORM GraphQL Server
GraphQL API Pneumatic brake “Traditional” data base? Schema generated
No. of equipment/ td> What’s your name? Node. JS pick ц Functional and electrical support/ td> Why? (50m internal storage supports 1000 Q / sec)
Subscription “Yes” Why/ td>
Cushion rod/ td> Why/ td>

Bracket for hasura application/ p>

The request from the source to the website is called

passportjs鉃★next-auth

Customer registration system (either party’s registration code + legal system password)? For the selection of auto fuel cost, the first selection is yespassportjs, when the switch is turned on, there will be problems related to the OAuth and installation of the switch. It is required to replace the structure with the next auth and the corresponding one? Next auth adds and provides react hooks in the hospital, and the store transfer is? In typescript, please install (next JS create new/ p>

passportjs next-auth
Chapter III third party/ td> Why/ td> Why/ td>
Mailbox password login Why/ td> Why/ td>
No disk attachments/ td> Why/ td> Why/ td>
Safe operation/ td> Why/ td>
React Hooks “Yes” Why/ td>
Next. JS finished “Yes” Why/ td>

TailwindcssHo? a href=” https://link.segmentfault.com/?enc=wZMeIs5dusKmW5gSiFmGPA%3D%3D.ZR1KUxLktJDsQkKcC%2FFsoLjkhrOMuVQ0CnXGoud4%2BcQqPpFmya8%2Fe0qt6hQFIvJt ” rel=”nofollow”>twin.macro &radix-colors

TailwindIt is a kind of CSS reference box. It is a document that provides the validity of CSS reference in the future? 馃: when creating the contract, provide a list of spare parts for each test? a href=” https://link.segmentfault.com/?enc=wNhtNnY2Wjxo6t7DdbcRlA%3D%3D.As4k3YxYuZmDDw2B6NXf5h7qM0AeT0%2FoxvpHs2%2B3L%2BRTApWB7spuBtkoxQ%2BwjMKr “Rel =” nofollow “> by default, it is not configured, so you can find a guideSaaS UI Application/ a> (it’s not safe to use it, but it’s not safe to use it after tailwind? When the UI is over, it is not necessary to close the power supply? SaaS? UI accounting can provide you with the help of the government? (H)/ p>

It’s a platform? Chirpy is andtwin.macroThis is a unique result? Tailwind and? CSS in JS (typed component & Emotion)? The warehouse (ailwind) where the version is assembled will not be damaged, and the sample will not be damaged? The contents of overwrite? Because of the tailwind transfer, the output of the chopper sub module

<p className="w-1 h-1">...</p>

//Output CSS page

.w-1    {
  width: 0.25rem;
}

.h-1    {
  height: 0.25rem;
}

twin. Macro version, not required? CSS!importantDisassemble the functional cover screws:/ p>

<p tw="w-1 h-1">...</p>

//Output HTML & CSS

<p class="random-name">...</p>

.random-name    {
  width: 0.25rem;
  height: 0.25rem;
}

twin. Macro support? When the build is checked, the report key is displayed in a proper format, such asw-0.1)(alternatively, it can not be turned on or off, and the sample can be put on the back-up of the electric assembly)? Variations (examples)sm:(bg-black hover:(bg-white w-10))If not, tailwind can use the existing? In CSS, the bundle size twin that will be sent out by the system will be fixed for more than ten days after each TW is sent out due to the new format generated by the system т I. The company does not support the company? One of tailwind’s new regulations, such as:? a href=” https://link.segmentfault.com/?enc=0GwwKnYlFrtIBjXnRBUKXA%3D%3D.ORJn7S7ao5YhR1j%2FTcwxecqg2RJhFCB8lrOkMY58HxGKZp8dHWAAanV2PCKhqO6FPWanFmhq79iHwK6zXAuGrA%3D%3D ” rel=”nofollow”>tailwindcss-typography

(for editing the engine), if the fault is caused by the combination of a battery and a battery/ p>

Tailwind? Dark mode is not used normallydark:Variant (for example, in the following example, it is necessary to start the first step for each advance step. I can handle the dark mode in the following example/ p>

<div class="bg-white dark:bg-gray-900">...</div>

To close this account? Light / dark 2 OK, OKradix-colorsIt’s not enough to meet the requirements, but it’s important to meet the requirements of and? Tailwind is the only one that can be used in a transactionCSS VariableWhat/ p>

To configure tailwind:

module.exports = {
  theme: {
    colors: {
      bg: `var(--tw-colors-bg)`
    },
  },
}

Then, the electrical switch sample shall be prepared

:root {
  --tw-colors-bg: white;
}
:root.dark {
  --tw-colors-bg: black;
}

Matchnext-themesIt is automatically damaged by the user? Mode is damaged? CSS damask?

//Next themes will not be damaged by the user? The engine is damaged during mode Dark is not available
<html class="dark">...</html>

This will cause the specimen to be damaged? Mode to refresh the brush/ p>

What’s the difference В In order to simplify the pre-determined braking function of the assembly, chirpy needs to use the user to determine the change number when the assembly is cleaned/ p>

Slate鉃★ listeningtiptap

Please refer to the document editor as the standard of the assembly test? What is chirpy calling?slate, and? React will open the contract, and then you will find a problem, such as:markdown shortcutsIt is found that there is no benefit, and then it will arrive at the bank? a href=” https://link.segmentfault.com/?enc=d2UMPyWTh6NWf%2BizB1c1uA%3D%3D.TWyFWrj1X3RmsC63NLQTNuAdzN816lKs2xHzYCY7UQrlvLOSrCJWG2fh1lbTbxvI “Rel =” nofollow “> tiptap, which can be used to add a new function. It should be determined according to the change process?ProseMirrorWhat/ p>

slate tiptap
Based on React ProseMirror
Tax fixed value/ td> “Issue” Why/ td>
Markdown shortcuts “Yes” Why/ td>
The function is to replace the base/ td> “Yes” Why/ td>

apollo-client鉃★ listeningurql

apollo-clientIt’s necessary to do something without any trouble? Graphql client: it is required to select one of the two requests before starting the power supply? Bug (if the power supply needs to be updated), if you search for three related problems В Brush?Apollo technology turns on the power source or is a non-destructive fieldAdd my personal maximum х The bundle size of the is as follows:? a href=” https://link.segmentfault.com/?enc=YIvAu5BWDwk6jA94rqDeeg%3D%3D.FYQYQNbDhe15UO44WFd%2FoErSM7%2FdXVDUg2eUSe8kI1E3%2FLbFHVjlBq3D4SWZhevq “Rel =” nofollow “> process Щ Brush? Urql the inventory of these valves will be reduced by 45KB bundle size/ p>

The request from the source to the website is called

apollo-client urql
bundle size Listening 33KB Yes 1kb
Next. JS finished “Yes” Listen? next-urql
Document Caching “Yes” Why/ td>
Stale while Revalidate Why/ td> Why/ td>

Plausible馃 搱

To start? Chirpy has not established a single data management / analysis system, but it needs to pay attention to the following requirements when it comes to settlement ц Function, figure (b), to open the distribution center if it needs to be delivered to the center?PlausibleWhat is the source of power for a single person’s maintenance? SaaS and other people also protect the power brush isolation cable. See: hirpy power cable running on a single server is not a service that can be changed/ p>

Chirpy is used for? The former software of plausible refers to the fact that when it is matched with the host of the group, the footnotes of the technical data are received to chirpy’s website? Bundle + number of pieces of data? API port, which can be used as a smart browser? a href=” https://link.segmentfault.com/?enc=L77GxLce520w59dsbjf9Pg%3D%3D.b%2B1dxGWs1UDSoHqXYKKTB1zY7fdXd45nmDR0AhCSgMX5%2BdV1WGmXGjOJ3ns9TGmi “Rel =” nofollow “> in order to solve the problem that the data is different from each other, we can make sure that chirpy has the right to use the analytics that are assigned to the device / P >

Plausible’s expense/ a> Why is it an item that is not loaded by chirpy? 馃 挭

The request from the source to the website is called

CI & CD uranium/ h2>

Of the item? The CI / CD requires GitHub action? The monitoring process is based on pr? PR check in will send “next.js bundle size” to “next.js bundle size” by pressing “press” (reaching the technical specification level (EST) (clicking “package level”), which will not cause bundle size problems at all. / P >

Rear brake switch?hasura schema CI/CD(quantity: cable)? Schema discharge problem/ p>

Talk about it

Close to next JS, hasura and? Plausible exit part:

  • Next. JS, and then select the company to open? Why?VercelIt is necessary to select the relevant contract service providers, such as:netlify(all) ц Function. If the effect of the image file changes, the local area will change/ li>
  • One of the first cities in hasura?CaddyHTTP server can be configured automatically? HTTPS domain name and name, and there is no license to support it at the time of contract ц The wheels are evenly discharged from the equipment/ li>
  • Plausible’s case law does not contain the data of the operation, which will be added to the contract?CaddyHTTP server/ li>
  • Hasura and? Plausible name is divided into two groups:?DigitalOceanIt is not necessary to pay attention to the supply т Appendix: use new methods/ li>

The rear support film is used for the rear reference sillCloudflare Images, functional safety: т It should not be/ p>

This is related to

Please note that the component is the first part of our website. After the functional level is determined, chirpy will be responsible for it?intercomThe antenna assembly includes the following two parts: Asura + websocket antenna, and then it can be used in a large number of ways. The hirpy target is a new method to open a good number of power cables for users/ p>

The request from the source to the website is called

Change of / community

The “power email” item is one of the most important parts of my life у Together with the charge (ssue, iscussion (R)), the hospital has a defined payment support that determines the distribution of patients to the hospital/ p>

No, I don’t want you to take care of these things?ChirpyWhat’s the risk? A/ p>