$30 off During Our Annual Pro Sale. View Details »

Learning Next.js in Minutes

Learning Next.js in Minutes

📹 슬라이드에 사용 된 비디오, Learning Next.js in Minutes (NO AUDIO AND DESC) - YouTube - https://goo.gl/uoX6Yi

Jimmy Moon

May 26, 2018
Tweet

More Decks by Jimmy Moon

Other Decks in Programming

Transcript

  1. Learning Next.js
    In minutes

    View Slide

  2. @Jimmy Moon
    Seoul.js Organizer
    (MS MVP ࠺तೠ) Google Developer Export for Webtech
    ੗߄झ௼݀౟ য়೑ࣗझ ૌѴਬ੷, Yeoman, Nextjs.org

    View Slide

  3. Make a website
    > install packages

    View Slide

  4. Make a website
    > edit index.js

    View Slide

  5. Make a website
    > edit another.js

    View Slide

  6. Make a website
    > server .

    View Slide

  7. Make a website
    > deploy

    View Slide

  8. https://github.com/kamranahmedse/developer-roadmap

    View Slide

  9. View Slide

  10. Next.js
    Next.js, ই઱ ࡈܻ, оߺѱ, ӒܻҊ React ܳ ੉ਊ೧ࢲ ਢয೒ܻ
    ா੉࣌ਸ ٜ݅ ࣻ ੓ח ೐ۨ੐ਕ௼

    View Slide

  11. View Slide

  12. Next.js
    ೐۽؋࣌-ۨ٣ ୭੸ച ૑ਗ, ࢲߡ-ࢎ੉٘-۪؊݂, Prefetching,
    Code-Splitting

    View Slide

  13. Next.js
    ୭न ࠽٘, ѐߊ ജ҃ ૑ਗ, Webpack, Babel, Typescript

    View Slide

  14. Next.js
    Static ࢎ੉౟ ઁ֎ۨ੉౴ (߹ ࢸ੿হ੉ ߄۽)

    View Slide

  15. Next.js
    ߄۽ ߓನ оמ, ࠽౟ੋ ࢲߡ৬ Now ௿ۄ਋٘

    View Slide

  16. Next.js
    (Ѣ੄) ݽٚ ജ҃ࢸ੿ ழझఠ݃੉૚ ૑ਗҗ ೒۞Ӓੋ दझమ

    View Slide

  17. View Slide

  18. Learning Next.js
    https://nextjs.org/learn/

    View Slide

  19. View Slide

  20. ठۄ੉٘ী ࢎਊ ػ ࠺٣য়
    Learning Next.js in Minutes (NO AUDIO AND
    DESC) - YouTube - https://goo.gl/uoX6Yi

    View Slide

  21. Learning Next.js
    द੘ೞӝ

    View Slide

  22. View Slide

  23. Learning Next.js
    ಕ੉૑(ۄ਋౟) ୶о

    View Slide

  24. View Slide

  25. Learning Next.js
    ಕ੉૑ ݂௼ ୶о

    View Slide

  26. View Slide

  27. Learning Next.js
    ҕਊ ஹನք౟ ࢎਊೞӝ

    View Slide

  28. View Slide

  29. Learning Next.js
    ۨ੉ইਓ ஹನք౟ ࢎਊೞӝ

    View Slide

  30. View Slide

  31. Learning Next.js
    ز੸ಕ੉૑ ࢤࢿ

    View Slide

  32. View Slide

  33. Learning Next.js
    ௿ܽ URL / ۄ਋౟ ݃झఊ

    View Slide

  34. View Slide

  35. View Slide

  36. View Slide

  37. View Slide

  38. Learning Next.js
    ؘ੉ఠ оઉয়ӝ

    View Slide

  39. View Slide

  40. Learning Next.js
    ஹನք౟ झఋੌ݂ with styled-jsx

    View Slide

  41. View Slide

  42. Learning Next.js
    Next.js জ ߓನೞӝ (feat. now)

    View Slide

  43. View Slide

  44. View Slide

  45. Learning Next.js
    ખ ؊ ҾӘೞदݶ

    View Slide

  46. Learning Next.js
    ਢಂ ࢸ੿ೞӝ

    View Slide

  47. View Slide

  48. Learning Next.js
    ழझథ ۄ਋ఠ

    View Slide

  49. View Slide

  50. Learning Next.js
    ழझథ ׮௸ݢ౟/জ

    View Slide

  51. View Slide

  52. View Slide

  53. Learning Next.js
    ೒۞Ӓੋ ࢎਊೞӝ

    View Slide

  54. View Slide

  55. View Slide

  56. More about Next.js
    Next.js - https://goo.gl/ffkQex
    zeit/next.js - https://goo.gl/meDbIs
    Next.js 6 and Nextjs.org - https://goo.gl/FQVC4A
    Now – Realtime Global Deployments - https://goo.gl/jZbfdk

    View Slide

  57. View Slide