Next.js: рдХреНрдпрд╛ рд╣рдо рд╕рд░реНрд╡рд┐рд╕ рд╡рд░реНрдХрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рди рдХрд░рддреЗ рд╣реБрдП рдкреНрд░реАрдлрд╝реЗрдЪрд┐рдВрдЧ рд▓рд╛рдЧреВ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 26 рджрд┐рд╕ре░ 2016  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: vercel/next.js

рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдЗрддрдирд╛ рдЕрджреНрднреБрдд рдЯреВрд▓ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж! Next.js рд╡реЗрдм рдРрдкреНрд╕ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдореЗрд░реЗ рд▓рд┐рдП рдПрдХ "рдбреНрд░реАрдо рдлреНрд░реЗрдорд╡рд░реНрдХ" рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИ, рдЬреЛ "рд╣рдореЗрдВ рджреЛрдиреЛрдВ рджреБрдирд┐рдпрд╛ рдХреЗ рд╕рд░реНрд╡рд╢реНрд░реЗрд╖реНрда рд▓рд╛рддрд╛ рд╣реИ" (рдПрдХрд▓ рдкреЗрдЬ рдРрдк рдФрд░ рд╕рд░реНрд╡рд░ рд╕рд╛рдЗрдб рд░реЗрдВрдбрд░рд┐рдВрдЧ)ред

рдореЗрд░реЗ рд▓рд┐рдП рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдЯреБрдХрдбрд╝рд╛ рдЬреЛ Next.js рдХреЛ рдЕрдкрдирд╛ рд╡рд╛рджрд╛ рдкреВрд░рд╛ рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдХрд░рддрд╛ рд╣реИ, рд╡рд╣ рд╣реИ рд╕рднреА рдШрдЯрдХреЛрдВ рдХреЛ рдкреНрд░реАрдлрд╝реЗрдЪ рдХрд░рдиреЗ рдХреА рдХреНрд╖рдорддрд╛ рдЯреИрдЧ рдПрдХ рдкреГрд╖реНрда рдореЗрдВ рдЗрдВрдЧрд┐рдд рдХрд░рддреЗ рд╣реИрдВред

рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдпрд╣ рд╕реБрд╡рд┐рдзрд╛ рд╕реЗрд╡рд╛ рдХрд╛рд░реНрдпрдХрд░реНрддрд╛, рдПрдХ рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд▓рд╛рдЧреВ рдХреА рдЧрдИ рд╣реИ рдЬреЛ рдХреЗрд╡рд▓ рдХреНрд░реЛрдо рдФрд░ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддреА рд╣реИред рдЗрд╕рдХрд╛ рдорддрд▓рдм рд╣реИ рдХрд┐ рд╡реЗрдм рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХрд╛ рдПрдХ рдмрдбрд╝рд╛ рд╣рд┐рд╕реНрд╕рд╛ рдЗрд╕ рдорд╣рд╛рди рд╕реБрд╡рд┐рдзрд╛ рдХрд╛ рд▓рд╛рдн рдирд╣реАрдВ рдЙрдард╛ рд╕рдХрддрд╛ рд╣реИред рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдореБрдЭреЗ рдХреБрдЫ рдпрд╛рдж рдЖ рд░рд╣рд╛ рд╣реИред

рдХреНрдпрд╛ рд╣рдо рд╕рд░реНрд╡рд┐рд╕ рд╡рд░реНрдХрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп рдЕрдиреНрдп рдкреНрд░рдХрд╛рд░ рдХреА рддрдХрдиреАрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдкреНрд░реАрдлрд╝реЗрдЪрд┐рдВрдЧ рд▓рд╛рдЧреВ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬреЛ рд╕рднреА рдЖрдзреБрдирд┐рдХ рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддреА рд╣реИрдВ?

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдПрдХ рд╕рд┐рджреНрдзрд╛рдВрдд рдЬрд┐рд╕рдиреЗ рд╣рдореЗрдВ рд╡рд░реНрд╖реЛрдВ рд╕реЗ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рд╕реЗрд╡рд╛ рджреА рд╣реИ, рд╡рд╣ рд╣реИ рд╕рднреА рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдХреЗ рд▓рд┐рдП _support_ рдкреНрд░рджрд╛рди рдХрд░рдирд╛, рд▓реЗрдХрд┐рди рдЖрдзреБрдирд┐рдХ рд▓реЛрдЧреЛрдВ рдХреЗ рд▓рд┐рдП _рдЕрдиреБрдХреВрд▓рди_ред

рдкреНрд░реАрдлрд╝реЗрдЪрд┐рдВрдЧ рдПрдХ рдЕрдиреБрдХреВрд▓рди рд╣реИред рдПрдХ рдЕрдиреБрдХреВрд▓рди рдореЗрдВ рдЕрдзрд┐рдХ рд╕реЗ рдЕрдзрд┐рдХ рдХреЛрдб рдирд┐рд╡реЗрд╢ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЬрд┐рд╕реЗ рдмрд╣рд┐рд╖реНрдХреГрдд рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ (рдЪреВрдВрдХрд┐ рд╕рднреА рдЖрдзреБрдирд┐рдХ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдПрдЬреЗрдВрдЯ ServiceWorker рд╕рдорд░реНрдерди рдХрд░рддреЗ рд╣реИрдВ рдпрд╛ рдРрд╕рд╛ рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВ) рдлреЛрдХрд╕ рдХрд╛ рдПрдХ рдЕрдЪреНрдЫрд╛ рдХреНрд╖реЗрддреНрд░ рдирд╣реАрдВ рд▓рдЧрддрд╛ рд╣реИред

рдпрджрд┐ рдЖрдк рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдЕрдкрдирд╛ рдЦреБрдж рдХрд╛ рдпреВрдЬрд░рд▓реИрдВрдб рдкреНрд░реАрдлрд╝реЗрдЪрд┐рдВрдЧ рдореЙрдбреНрдпреВрд▓ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рддрдВрддреНрд░ рдорд╣рд╕реВрд╕ рдХрд░реЗрдВ рдЬреЛ рд╕рдорд╛рди рдПрдкреАрдЖрдИ рдХреЛ next/prefetch рд░реВрдк рдореЗрдВ рдЙрдЬрд╛рдЧрд░ рдХрд░рддрд╛ рд╣реИред рд╕рд╛рдл-рд╕реБрдерд░реА рдмрд╛рдд рдпрд╣ рд╣реИ: рдпрджрд┐ рдЖрдк next/prefetch рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ рдЗрд╕реЗ рдмрд┐рд▓реНрдб рдореЗрдВ рдирд╣реАрдВ рдмрдирд╛рдПрдЧрд╛ред рдХреЛрдИ рд╕реВрдЬрди рдирд╣реАрдВ :)

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЗрд╕рдХрд╛ рдорддрд▓рдм рд╣реИ рдХрд┐ рд╡реЗрдм рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХрд╛ рдПрдХ рдмрдбрд╝рд╛ рд╣рд┐рд╕реНрд╕рд╛ рдЗрд╕ рдорд╣рд╛рди рд╕реБрд╡рд┐рдзрд╛ рдХрд╛ рд▓рд╛рдн рдирд╣реАрдВ рдЙрдард╛ рд╕рдХрддрд╛

рдпрд╣ рдПрдХ рддрд░рд╣ рд╕реЗ рдЕрд╕рддреНрдп рд╣реИред рджреЗрдЦреЗрдВ: http://caniuse.com/#feat =serviceworkers
рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЗрд╕ рджрд┐рд╢рд╛ рдореЗрдВ рдЬрд╛ рд░рд╣реЗ рд╣реИрдВ рдФрд░ рдЬрд▓реНрдж рд╣реА рдкрдХрдбрд╝ рд▓реЗрдВрдЧреЗред

рд╡реИрд╕реЗ рднреА, рд╣рдорд╛рд░рд╛ рд╡рд░реНрддрдорд╛рди рдлреЛрдХрд╕ 2.0 рд╢рд┐рдкрд┐рдВрдЧ рд╣реИ рдФрд░ рд╡рд░реНрддрдорд╛рди рдкреНрд░реАрдлреЗрдЪрд┐рдВрдЧ рд╕рдорд╛рдзрд╛рди рдЙрд╕рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рд╕рд╛рдл рд╣реИред
рдЕрдЧрд░ рдХреЛрдИ рдЗрд╕ рд╕реБрдЭрд╛рд╡ рдкрд░ рдХрд╛рдо рдХрд░ рд╕рдХрддрд╛ рд╣реИ, рддреЛ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдирд╛ рдХрд╣рдиреЗ рдХрд╛ рдХреЛрдИ рдХрд╛рд░рдг рдирд╣реАрдВ рд╣реИред
(рдФрд░ рдЗрд╕реЗ рдпреВрдЬрд░рд▓реИрдВрдб рдореЗрдВ рднреА рдХрд░рдирд╛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд╕рдВрднрд╡ рд╣реИ)

рдореИрдВрдиреЗ рдпрд╣рд╛рдВ рдРрдк рдХреИрд╢ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╕рдорд░реНрдерди рдХреЛ рд╡реНрдпрд╛рдкрдХ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рд╡рд┐рдЪрд╛рд░реЛрдВ рдХреЛ рдиреЛрдЯ рдХрд┐рдпрд╛: https://github.com/zeit/next.js/issues/24#issuecomment -258804529

рдПрдХ рд╕рд┐рджреНрдзрд╛рдВрдд рдЬрд┐рд╕рдиреЗ рд╣рдореЗрдВ рд╡рд░реНрд╖реЛрдВ рд╕реЗ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рд╕реЗрд╡рд╛ рджреА рд╣реИ, рд╡рд╣ рд╣реИ рд╕рднреА рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдХреЗ рд▓рд┐рдП _support_ рдкреНрд░рджрд╛рди рдХрд░рдирд╛, рд▓реЗрдХрд┐рди рдЖрдзреБрдирд┐рдХ рд▓реЛрдЧреЛрдВ рдХреЗ рд▓рд┐рдП _рдЕрдиреБрдХреВрд▓рди_ред

рдкреНрд░реАрдлрд╝реЗрдЪрд┐рдВрдЧ рдПрдХ рдЕрдиреБрдХреВрд▓рди рд╣реИред рдПрдХ рдЕрдиреБрдХреВрд▓рди рдореЗрдВ рдЕрдзрд┐рдХ рд╕реЗ рдЕрдзрд┐рдХ рдХреЛрдб рдирд┐рд╡реЗрд╢ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЬрд┐рд╕реЗ рдмрд╣рд┐рд╖реНрдХреГрдд рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ (рдЪреВрдВрдХрд┐ рд╕рднреА рдЖрдзреБрдирд┐рдХ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдПрдЬреЗрдВрдЯ ServiceWorker рд╕рдорд░реНрдерди рдХрд░рддреЗ рд╣реИрдВ рдпрд╛ рдРрд╕рд╛ рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВ) рдлреЛрдХрд╕ рдХрд╛ рдПрдХ рдЕрдЪреНрдЫрд╛ рдХреНрд╖реЗрддреНрд░ рдирд╣реАрдВ рд▓рдЧрддрд╛ рд╣реИред

рдпрджрд┐ рдЖрдк рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдЕрдкрдирд╛ рдЦреБрдж рдХрд╛ рдпреВрдЬрд░рд▓реИрдВрдб рдкреНрд░реАрдлрд╝реЗрдЪрд┐рдВрдЧ рдореЙрдбреНрдпреВрд▓ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рддрдВрддреНрд░ рдорд╣рд╕реВрд╕ рдХрд░реЗрдВ рдЬреЛ рд╕рдорд╛рди рдПрдкреАрдЖрдИ рдХреЛ next/prefetch рд░реВрдк рдореЗрдВ рдЙрдЬрд╛рдЧрд░ рдХрд░рддрд╛ рд╣реИред рд╕рд╛рдл-рд╕реБрдерд░реА рдмрд╛рдд рдпрд╣ рд╣реИ: рдпрджрд┐ рдЖрдк next/prefetch рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ рдЗрд╕реЗ рдмрд┐рд▓реНрдб рдореЗрдВ рдирд╣реАрдВ рдмрдирд╛рдПрдЧрд╛ред рдХреЛрдИ рд╕реВрдЬрди рдирд╣реАрдВ :)

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

YarivGilad picture YarivGilad  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ghost picture ghost  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

havefive picture havefive  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

pie6k picture pie6k  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

olifante picture olifante  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ