Kako koristiti Yarn sa upraviteljem paketa za renderiranje na strani servera (Next.js, Gatsby)?

Kada je reč o okvirima za renderovanje na strani servera (SSR), kao što su Next.js i Gatsby, korišćenje efikasnog menadžera paketa je ključno za nesmetan proces razvoja. Kao dobavljač pređe, tu sam da vas uputim kako da efikasno koristite Yarn sa ovim popularnim SSR okvirima.

Zašto pređa za server - bočno renderiranje?

Yarn je brz, pouzdan i siguran paket menadžer koji je razvio Facebook. Nudi nekoliko prednosti koje ga čine idealnim izborom za SSR projekte. Prvo, Yarn ima lockfile (yarn.lock) koji osigurava ponovljive građe. To znači da će svaki programer u vašem timu instalirati potpuno iste verzije paketa, eliminirajući problem "radi na mojoj mašini". Drugo, Yarn je nevjerovatno brz. Koristi paralelni proces instalacije, što značajno smanjuje vrijeme potrebno za instaliranje paketa.

Postavljanje Yarn-a za Next.js

Next.js je React framework koji omogućava renderiranje na strani servera i generiranje statičkog sajta. Da biste počeli koristiti Yarn sa Next.js, slijedite ove korake:

Korak 1: Instalirajte Yarn

Ako još niste instalirali Yarn, to možete učiniti putem npm-a pomoću sljedeće naredbe:

npm install -g pređa

Ovo će instalirati Yarn globalno na vaš sistem.

Korak 2: Kreirajte novi Next.js projekat

Možete kreirati novi Next.js projekat koristećikreiraj - sljedeću - aplikacijunaredba s pređom:

yarn create next-app my-next-app cd my-next-app

Ova naredba inicijalizira novi Next.js projekat umoja - sljedeća - aplikacijadirektorij i vodi vas u njega.

Korak 3: Instalirajte ovisnosti

Nakon što postavite svoj projekt, možete koristiti Yarn za instaliranje dodatnih ovisnosti. Na primjer, ako želite dodatireagovati - upitsvom projektu možete pokrenuti:

yarn add react-query

Yarn će preuzeti i instaliratireagovati - upitpaket zajedno sa njegovim zavisnostima i ažuriranjepackage.jsoniyarn.lockdatoteke u skladu s tim.

Korak 4: Pokrenite razvojni server

Da pokrenete Next.js razvojni server, koristite sljedeću naredbu:

yarn dev

Ovo će pokrenuti serverhttp://localhost:3000, a svoju Next.js aplikaciju možete pogledati u pretraživaču.

Korištenje Yarn-a s Gatsbyjem

Gatsby je još jedan popularan okvir za izgradnju statičkih i serverskih web stranica. Evo kako možete koristiti Yarn s Gatsbyjem:

Korak 1: Instalirajte Gatsby CLI s Yarn-om

Prvo, instalirajte Gatsby CLI globalno koristeći Yarn:

yarn global add gatsby-cli

Korak 2: Kreirajte novi Gatsby projekat

Kreirajte novi Gatsby projekat sa sljedećom naredbom:

gatsby novi my-gatsby-site cd my-gatsby-site

Ovo stvara novi Gatsby projekat umoja - gatsby - stranicadirektorij i premješta vas u njega.

Korak 3: Instalirajte ovisnosti

Slično Next.js, možete koristiti Yarn za instaliranje dodatnih paketa. Na primjer, ako želite dodatigatsby - dodatak - slikasvom projektu, pokrenite:

yarn add gatsby-plugin-image

Korak 4: Razvijte i izgradite

Da pokrenete Gatsby razvojni server, koristite:

razvija se pređa

Ovo će pokrenuti serverhttp://localhost:8000. Kada budete spremni da napravite svoju Gatsby lokaciju za proizvodnju, pokrenite:

yarn build

Upravljanje ovisnostima s Yarn-om

Yarn pruža nekoliko naredbi za efikasno upravljanje ovisnostima.

Ažuriranje zavisnosti

Da ažurirate sve zavisnosti u vašem projektu na njihove najnovije verzije, možete koristiti sljedeću naredbu:

nadogradnja pređe

Ako želite ažurirati određeni paket, npr.reagovati, možete pokrenuti:

reagovati nadogradnju pređe

Uklanjanje zavisnosti

Da biste uklonili paket iz svog projekta, koristiteuklonitikomanda. Na primjer, uklonitilodashiz vašeg projekta, pokrenite:

pređa ukloniti lodash

Radni prostori za pređu za Monorepos

Ako radite na velikom projektu sa više paketa (monorepo), Yarn Workspaces mogu biti izuzetno korisni. Radni prostori vam omogućavaju da upravljate više paketa unutar jednog spremišta.

Da biste omogućili radne prostore u svom projektu, dodajte sljedeće u svojpackage.json:

{ "radni prostori": [ "paketi/*" ] }

Ovo govori Yarn-u da tretira sve direktorije ispodpaketikao posebna pakovanja. Zatim možete instalirati zavisnosti za sve radne prostore odjednom koristeći:

ugradnja pređe

Naši proizvodi od pređe

Kao dobavljač pređe, nudimo širok asortiman visokokvalitetnih proizvoda od pređe. Pogledajte našeModificirani PBT (imitacija najlona) džemper Dty visoko rastezljiva pređa,Grafen PBT pređa, iMultifunkcionalna tkanina na biljnoj bazi. Ovi proizvodi su dizajnirani da zadovolje različite potrebe različitih industrija.

Kontaktirajte nas za nabavku

Ako ste zainteresirani za naše proizvode od pređe ili imate bilo kakva pitanja o korištenju Yarn-a u projektima renderiranja sa strane servera, voljeli bismo čuti od vas. Slobodno nam se obratite za razgovore o nabavci. Posvećeni smo pružanju najboljih proizvoda i usluga.

Reference

• Next.js dokumentacija.
• Gatsby dokumentacija.
• Pređa Službena dokumentacija.