Gatsby
ΠΠΠ§ΠΠ«Π
Gatsby
ΠΠΠ§ΠΠ«Π
- Π Π΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ
- 10 ΠΠΊΡ 2018
- Π‘ΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ
- 44,282
- ΠΠ°ΠΉΠΊΠΈ
- 203,062
ΠΠ²ΡΠΎΡ: Red Group x htmllessons.io
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅: ΠΠ½ΡΠ΅Π½ΡΠΈΠ² Front-end Π΄Π»Ρ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΡ (2024)

ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅:
Π‘ΠΠΠΠ ΠΠΠΠΠ
ΠΠΎΠ»ΠΆΠ½ΠΎΡΡΡ
Front-End Developer
ΠΠ°ΡΠΏΠ»Π°ΡΠ°
ΠΡ 157 000 ΡΡΠ±. ($1600)
Π‘ΡΠ΅ΠΊ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ:
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
Π‘ΠΊΠ°ΡΠ°ΡΡ:
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅: ΠΠ½ΡΠ΅Π½ΡΠΈΠ² Front-end Π΄Π»Ρ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΡ (2024)

ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅:
Π‘ΠΠΠΠ ΠΠΠΠΠ
- Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Next ΠΈ ΡΡΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π² 15 Π²Π΅ΡΡΠΈΠΈ? (12 ΠΌΠΈΠ½.)
- use client ΠΈ use server (11 ΠΌΠΈΠ½.)
- ΠΠΈΠ΄Ρ Π·Π°ΠΏΡΠΎΡΠΎΠ² (SSR, SSG, ISR) (7 ΠΌΠΈΠ½.)
- ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΠΎΠΊΡΡΠΆΠ΅Π½ΠΈΡ (vs code, bun) (10 ΠΌΠΈΠ½.)
- Tailwind ΠΊΠΎΠ½ΡΠΈΠ³ ΠΈ SCSS (10 ΠΌΠΈΠ½.)
- ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Prettier ΠΈ TSConfig (15 ΠΌΠΈΠ½.)
- Layout (Π½ΠΎΠ²ΡΠΉ ΡΠΎΡΡΠΈΠ½Π³ Next js) (15 ΠΌΠΈΠ½.)
- ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ (sidebar) (24 ΠΌΠΈΠ½.)
- Π‘ΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΡ ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ sidebar (39 ΠΌΠΈΠ½.)
- Π Π°Π·Π²Π΅ΡΡΠΊΠ° Back-end (14 ΠΌΠΈΠ½.)
- ΠΠΊΡΠΈΠ²Π½ΡΠΉ ΠΏΡΠ½ΠΊΡ Π² ΠΌΠ΅Π½Ρ (13 ΠΌΠΈΠ½.)
- UI ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π²ΠΈΠ΄Π΅ΠΎ (27 ΠΌΠΈΠ½.)
- Axios ΠΈ Tanstack Query (29 ΠΌΠΈΠ½.)
- ΠΡΠ°ΠΊΡΠΈΠΊΠ° SSR, ISR, SSG (16 ΠΌΠΈΠ½.)
- SEO, Heading, Skeleton Loader (22 ΠΌΠΈΠ½.)
- Π Π΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΏΠΎΠΈΡΠΊΠ° ΠΈ header (38 ΠΌΠΈΠ½.)
- Π Π΅ΡΠ°ΠΊΡΠΎΡ, Π²ΠΈΠ΄Π΅ΠΎ ΠΈ 404 ΡΡΡΠ°Π½ΠΈΡΠ° (18 ΠΌΠΈΠ½.)
- ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ ΡΠ΅ΡΠ΅Π· Framer-motion (11 ΠΌΠΈΠ½.)
- React Hook Form ΠΈ UI (32 ΠΌΠΈΠ½.)
- Google recaptcha, toast (46 ΠΌΠΈΠ½.)
- Redux: ΠΡ ΠΎΠ΄ ΠΈ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ (ΠΠΠΠΠ«Π Π£Π ΠΠ) (38 ΠΌΠΈΠ½.)
- ΠΠΎΠ΄ΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΏΠΎΡΡΡ ΠΈ ΠΏΡΠΎΡΠΈΠ»Ρ (33 ΠΌΠΈΠ½.)
- Axios interceptors (22 ΠΌΠΈΠ½.)
- Middleware (24 ΠΌΠΈΠ½.)
- ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ ΠΏΡΠΎΡΠΈΠ»Ρ (15 ΠΌΠΈΠ½.)
- ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ ΡΠ°ΡΡΡ 2 (21 ΠΌΠΈΠ½.)
- ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ (44 ΠΌΠΈΠ½.)
- Π‘ΡΡΠ°Π½ΠΈΡΠ° ΠΊΠ°Π½Π°Π»Π° (27 ΠΌΠΈΠ½.)
- ΠΠ°Π½Π°Π» ΡΠ°ΡΡΡ 2 (36 ΠΌΠΈΠ½.)
- ΠΠ½ΠΎΠΏΠΊΠ° ΠΏΠΎΠ΄ΠΏΠΈΡΠ°ΡΡΡΡ ΠΈ Π±Π°Π½Π½Π΅Ρ (36 ΠΌΠΈΠ½.)
- Layout Π΄Π»Ρ ΡΡΡΠ΄ΠΈΠΈ ΠΈ ΡΠΈΠΊΡ Π±Π°Π³ΠΎΠ² (17 ΠΌΠΈΠ½.)
- Π‘ΡΡΠ°Π½ΠΈΡΠ° Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΠΏΠΎΡ ΠΎΠΆΠΈΠ΅ (32 ΠΌΠΈΠ½.)
- Π‘ΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΡ ΠΈ ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ (36 ΠΌΠΈΠ½.)
- ΠΠΎΡ ΠΎΠΆΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ ΠΈ Π»Π°ΠΉΠΊΠΈ (24 ΠΌΠΈΠ½.)
- ΠΠΈΠ΄Π΅ΠΎ ΠΏΠ»Π΅Π΅Ρ Ρ Π½ΡΠ»Ρ (44 ΠΌΠΈΠ½.)
- ΠΡΠΎΠΌΠΊΠΎΡΡΡ, ΡΠ΅ΠΆΠΈΠΌ ΡΠ΅Π°ΡΡΠ° (41 ΠΌΠΈΠ½.)
- Π₯ΠΎΡΠΊΠ΅ΠΈ, ΡΠ°ΠΉΠΌ Π»Π°ΠΉΠ½ (35 ΠΌΠΈΠ½.)
- ΠΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅ ΠΈ ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ (54 ΠΌΠΈΠ½.)
- Add, edit, delete comments (31 ΠΌΠΈΠ½.)
- Turbopack, Middleware, async APIs (1 Ρ. 7 ΠΌΠΈΠ½.)
- ΠΡΡΠΎΡΠΈΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ² ΠΈ Π»Π°ΠΉΠΊΠ½ΡΡΡΠ΅ (58 ΠΌΠΈΠ½.)
- ΠΠ»Π΅ΠΉΠ»ΠΈΡΡΡ (1 Ρ. 16 ΠΌΠΈΠ½.)
- ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΠΈ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° Π²ΠΈΠ΄Π΅ΠΎ Ρ1 (54 ΠΌΠΈΠ½.)
- ΠΠ°ΡΠΈΠ²Π½ΡΠΉ dragndrop Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π²ΠΈΠ΄Π΅ΠΎ Ρ2 (51 ΠΌΠΈΠ½.)
- Π€ΠΎΡΠΌΠ° Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π²ΠΈΠ΄Π΅ΠΎ Ρ3 (58 ΠΌΠΈΠ½.)
- Π‘ΠΏΠΈΡΠΎΠΊ Π²ΠΈΠ΄Π΅ΠΎ Π² ΡΡΡΠ΄ΠΈΠΈ ΠΈ ΠΏΠ°Π³ΠΈΠ½Π°ΡΠΈΡ (49 ΠΌΠΈΠ½.)
- Π Π΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ (28 ΠΌΠΈΠ½.)
- Π€ΠΈΠΊΡ Π±Π°Π³ΠΎΠ² ΠΈ ΡΠ΅ΡΠ°ΠΊΡΠΎΡΠΈΠ½Π³ (22 ΠΌΠΈΠ½.)
- ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠ°Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ (43 ΠΌΠΈΠ½.)
- SEO, PWA ΠΈ ΡΠ±ΠΎΡΠΊΠ° ΠΏΡΠΎΠ΅ΠΊΡΠ° (28 ΠΌΠΈΠ½.)
ΠΠΎΠ»ΠΆΠ½ΠΎΡΡΡ
Front-End Developer
ΠΠ°ΡΠΏΠ»Π°ΡΠ°
ΠΡ 157 000 ΡΡΠ±. ($1600)
Π‘ΡΠ΅ΠΊ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ:
- Next JS
- React
- TypeScript
- Redux Toolkit
- TanStack Query
- Axios
- TailwindCSS
- Framer Motion
- React Hook Form
- ReCaptcha
- SCSS
- Π Π°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π½Π° Next.js 15
- ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ»ΠΈΠ΅Π½ΡΡΠΊΠΈΠ΅ ΠΈ ΡΠ΅ΡΠ²Π΅ΡΠ½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
- ΠΠ½Π΅Π΄ΡΡΡΡ SSR, SSG, ISR
- ΠΠ°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ Π°Π²ΡΠΎΡΠΈΠ·Π°ΡΠΈΡ ΠΈ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄ΠΎΡΡΡΠΏΠΎΠΌ
- ΠΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°ΡΡ Redux Toolkit Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ΠΌ
- ΠΠ½Π΅Π΄ΡΡΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΠ»ΡΠΌΠΈ ΠΈ ΠΏΡΠ°Π²Π°ΠΌΠΈ Π΄ΠΎΡΡΡΠΏΠ°
- Π‘ΠΎΠ·Π΄Π°Π²Π°ΡΡ Π»Π΅ΠΉΠ°ΡΡΡ ΠΈ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΡΠΎΡΡΠΈΠ½Π³
- Π Π°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠΎΡΠΌΡ Ρ React Hook Form
- ΠΠΎΠ±Π°Π²Π»ΡΡΡ SEO-ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΈ PWA Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ
- Π Π°Π·ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ Π°Π΄ΠΌΠΈΠ½-ΠΏΠ°Π½Π΅Π»Ρ Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ
- ΠΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡ Π΄Π»Ρ Π²ΡΡΠΎΠΊΠΎΠΉ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
Π‘ΠΊΡΡΡΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π΄ΠΎΡΡΡΠΏΠ½ΠΎ Π΄Π»Ρ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ
ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ!
Π‘ΠΊΠ°ΡΠ°ΡΡ:
ΠΠ»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΡΠΊΡΡΡΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ Π²ΠΎΠΉΡΠΈ ΠΈΠ»ΠΈ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ.