???? React ?? ??? ??? ? Gatsby? ??? ??, ?? ? ??? ????? ? ??? ??? ??????. ????? ????? ??? ????.
- ??? ?? : ??? ?? (CMS, Markdown, ?????? ?)?? ??? ??.
- ?? ???? (GraphQL ??) : GraphQL? ???? ? ??? ????? ???? ???? ?????.
- ?? : ?? ???? ??? ??? (NetLify, Vercel ?)? ?????.
? ??? ?? Gatsby? Default Graphiql GraphQL IDE? ??? ??? GraphQL Playground? ??? ?? ???? ??? ??? ???.
Graphiql vs. GraphQL ???
GraphIQL? Gatsby? ?? IDE ?????? GraphQL Playground? ? ?? ??? ?????.
- ??? ??? ?? : ???, ?? ? ??? ??? ?????.
- ?? ???? : ???? ???? ???????.
- ?? ?? : GraphQL ??? ?????.
- ??? ??? ?? : ?? ??, HTTP ?? ??, ? ? ?? ?? ?? ?? ??? ???? ????.
?? ??? ??? ????? ??? ?? ????. ? ????? ?? ???? ?? GraphQL Playground? ???? ?? ?????.
Gatsby? ?? GraphQL ??? ??
? ???? ??? Gatsby ????? ???? GraphQL Playground? ?????.
1. Gatsby Cli ?? :
NPM ?? -G ??? ??
2. ??? ??? ???? ??? :
??? ? ???-??? ???? CD ???-??? ????
3. ?? ?? ?? :
???? ??
http://localhost:8000/__graphql ?? ?? ??? IDE? ???????. GraphQL Playground ???? ?? ?????? ???? ?? ???? ?? ?? ??? ?????.
4. ?? ?? ?? :
?? ??? ??? ?? (??, ??)?? ??? ??? ?????. ???? ???? .env.development ?? ?? :
<code>GATSBY_GRAPHQL_IDE=playground</code>
5. JavaScript? ?? ?? ?? :
Gatsby? ?? ??? ?? ?? ? node.js ??? ?? ??? ? ? ????. ???? ???? ????? env-cmd ??????.
?? ?? ENV-CMD-Dev // ?? NPM ?? ---save-dev env-cmd
package.json ?? "develop" ????? ??????.
"??": "ENV-CMD-?? .env.development-Fallback Gatsby ??"
?? ?? env-cmd .env.development ?? ???????? ????? ?? ???? ?? .env? .env ? ??.
6. ?? ?? ?? :
?? ??? ?? ??????.
?? ?? // ?? npm ??? ?????
?????? http://localhost:8000/__graphql ?? ?????. ?? GraphQL Playground? ? ? ????!
??
? ????? Gatsby ?????? Graphiql?? GraphQL Playground? ???? ??? ?????. ?? ??? ?? ?? ??? ?? ????.
?? ??? :
- ??? JS ??
- GraphQL ??? ??
- ENV-CMD ??
? ??? Gatsby? ?? GraphQL ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8644
17
1787
16
1730
56
1582
29
1451
31
'?? ??? CSS'? ??????
Jun 24, 2025 am 12:42 AM
CSS? ??? ??? ????? ????? ??? ? ?? CSS? ????? ?? ??????, ?? ?? ? ??? ??, ??? ?? ?? ??? CSS ? ????? ?? ??? ?? ???? ???? ??? ??? ???. 1. ?? CSS? ???? HTML? ?? ?????. 2. JavaScript? ?? ??? CSS ??; 3. ??? ??? ???? ?? ???? ????? ??????. 4. CSS? ???? ???? ??? ????. ?? CSS? ???? ?? ??? ???? Rel = "Preload"?????? ????, ??? ?? ??? ????? ???? ??? ?? ? ??? ???? ??? ?????.
?? ? ?? CSS : ?? ?? ??? ??????
Jun 20, 2025 am 12:45 AM
TheBestoproachforcssdspectionseproject'sspecificneeds.forlargerProjects, externalcsSisbetterduetomainabainabainabilitableability ? forsmallerprojectsorsingle-pageapplications, ?? csmightbemoresuitable.it 'scrucialtobalanceprojectsize, ??
autopRefixer ? ???? ??? ??????
Jul 02, 2025 am 01:15 AM
AutoPrefixer? ?? ???? ??? ???? ?? ?? ???? CSS ??? ???? ???? ?????. 1. ????? ???? ???? ???? ??? ?????. 2. PostCSS ???? ??, CSS? ?? ???? ???? ?? ???? ??? ???? ??? ?? ??? ?????. 3. ?? ???? ???? ??, ??????? ?? ? ?? ???????? ????? ?? ?????. 4. ???? ???? ???? ???? ?? ?? ????, ???? ?? ??? ?? ???? ???? ????? ?? ???? ?? ????.
CSS ?? ??? : ??? ?? ?????
Jun 20, 2025 am 12:09 AM
cssismostlycase-Insensitive, buturlsandfamilynamesarecase-insensitive.1) propertiesandvalueslikecolor : red; anteOtcase-inditive.2) urlsmustmatchtheserver'scase, ?? ??,/images/logo.png.3) fontfamilynames'opens'mustoccase.
Conic-Gradient () ??? ??????
Jul 01, 2025 am 01:16 AM
theconic-gradient () functionincsscreatescurcular gradientsthattroTecolorstopsaroundacentral point
?? ??? ?? ?? ?? ?? ??? CSS ????
Jul 02, 2025 am 01:04 AM
ToTeCreatesTickyHeaders andfooterswithcss, ?? ?? : stickyforheaderswithTopvalueAndz-index
CSS ??? ?? ??? ??? ??????
Jun 25, 2025 am 12:16 AM
CSS ??? ?? ??? ??? ??? ????? ?? ???, ??? ??? ????? ??? ?? ????, ?? ??? ?? ??? ? ???? ??? ?? ?? ??? ?? ?????. ?? ?? .card ???? ?? ? ??? ???? ??? ???? ??? ???? ??? ? ????. ?? ??? ??? ????. 1. ?? : ?? ??? ?? ??? ??? ?????? ??; 2. ?? ?? ??? ?? ??? ???? ???? ?????. 3. ??? ??? ????? ???? ????. 4. ??? ????? ?? ??? ??? ?? ?? ?????????. ?? CSS ??? ??? ???? ??? ??? ?? ???? ?? ???????. ??? ???? ???? ??? ???? ?? ? ?? ??? ??? ?????. ???? ???? ?? ???? ?? ? ? ????
CSS ?????? ???? ?? ?????? : ?? ???
Jun 20, 2025 am 12:14 AM
CSSANIMATINSENHANCEBEBPAGESBOYIMPORIECENDIENDSITEFUNCERINGES
