Learning Next.js in Minutes

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

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