40:null 41:["$","title",null,{"children":"next.js / react / typescript | Lasha | Observable"}] 47:T9a8,

typescript & next.js & node.js პროექტის გაშვება

node --version

cmd ში ვამოწმებთ node_ს ვერსიას (და საერთოდ გვიყენია თუ არა), თუ არ გვიყენია, და ინსტალაციისას ვნიშნავთ რომ ყველა საჭირო package დააყენოს..

node.js

ვაინსტალირებთ node.js_ს

npm i -g typescript

ვაინსტალირებთ typescript_ს Windows_ზე..

sudo npm i -g typescript

ვაინსტალირებთ typescript_ს Mac ზე

tsc --version

ველოდებით ინსტალაციას და შემგდეგ შესამოწმებლად ვწერთ tsc --version

npm run dev

ვდგებით პროექტის ფოლდერში, რომელიც გვინდა რომ გავუშვათ და ვწერთ npm run dev

npm install next react react-dom

ვწერთ ამ ბრძანებას თუ 'next' is not recognized ...

npm audit fix --force

შეიძლება დაგვჭირდეს ამის გაშვებაც ..

npm run dev

ვუშვებთ თავიდან პროექტს .. თუ არ გაეშვა ვგუგლავთ პრობლემას :) ან ვეკითხებით ChatGPT_ს

package.json_ს ვამატებთ git.ignor ფაილში

რადგან არ აიტვირთოს გითზე ..

48:[] 45:{"id":"8249a082af282cc9","slug":null,"title":"next.js / react / typescript","thumbnail":"109e414ccbb550cad1656e6fb0ed1fbc0a1aaf885a5b4b4301bd65335b9ee01a","access_level":"public","create_time":"$D2023-07-21T07:26:49.637Z","update_time":"$D2023-07-27T08:29:40.914Z","view_time":null,"first_public_time":"$D2023-07-21T07:26:49.637Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"620d4e98e45cb6cb","login":"lashapor","name":"Lasha","avatar_url":"https://avatars-next.observableusercontent.com/bb3207c31c039b4f8fe79b3213f2b8359afaabee593ca4ef5089eabba46fce9b","tier":"starter_2024","bio":"","following":false},"version":21,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"a542e9c8821cfd4b","login":"lashapor","name":"Lasha","avatar_url":"https://avatars-next.observableusercontent.com/bb3207c31c039b4f8fe79b3213f2b8359afaabee593ca4ef5089eabba46fce9b","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"a542e9c8821cfd4b","login":"lashapor","name":"Lasha","avatar_url":"https://avatars-next.observableusercontent.com/bb3207c31c039b4f8fe79b3213f2b8359afaabee593ca4ef5089eabba46fce9b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"next.js / react / typescript","cells":[{"id":0,"value":"# next.js / react / typescript","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"$47","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"**Typescript**\n\ncheck version: tsc -v\n\n- run: tsc sandbox.js -w (სულ უყურებს და ჩასეივებაზე გადააკომპილირებს)\n- თუ ასეთი ერორია : error TS6504: File 'src/sandbox.js' is a JavaScript file. Did you mean to enable the 'allowJs' option?\n- მაშინ: tsc sandbox.ts \n- tsconfig.json ის შექმნა: tsc --init","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"** Console log something in next.js **\n\nimport styles from '../../styles/Ninjas.module.css'\nimport React, { useEffect } from 'react';\n\nexport const getStaticProps = async () => {\n\n const res = await fetch('https://jsonplaceholder.typicode.com/users')\n const data = await res.json();\n\n return {\n props: { ninjas: data }\n }\n\n}\n\nconst Ninjas = ({ ninjas }) => {\n \n // console.log something\n useEffect(() => {\n console.log(ninjas);\n }, []);\n\n return (\n

\n console.log(\"something\")\n

All Ninjas

\n {ninjas.map(ninja => (\n

\n \n

{ninja.name}

\n \n

\n ))}\n

\n );\n}\n\nexport default Ninjas; ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":18,"value":"**Create next app **\n\n\n- ✔ What is your project named? … app-name\n- ✔ Would you like to use TypeScript with this project? … No / **Yes**\n- ✔ Would you like to use ESLint with this project? … **No** / Yes\n- ✔ Would you like to use Tailwind CSS with this project? … **No** / Yes\n- ✔ Would you like to use `src/` directory with this project? … No / **Yes**\n- ✔ Use App Router (recommended)? … No / **Yes**\n- ✔ Would you like to customize the default import alias? … **No** / Yes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 46:"$45:body"