Vue.jsã§SSR(サーãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼‰ã™ã‚‹ ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯ãªã«ã‹ã® Advent Calendar 2016ã®23日目ã®è¨˜äº‹ã§ã™. Vue.jsã¯ï¼’ç³»ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ãã“ãã“ãŸã¡ã¾ã—ãŸ. 日本語ドã‚ュメントもãã‚ã£ã¦ã„ã¾ã™. フãƒãƒ³ãƒˆã®å–ã‚Šã‹ã‹ã‚Šã¨ã—ã¦ç°¡å˜ã§ã‚¹ã‚±ãƒ¼ãƒ«ã‚‚ã—ã‚„ã™ã良ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹. ãã“ã§ä»Šå›žã¯Vue.jsï¼’ç³»ã®å¤§ããªç‰¹å¾´ã§ã‚るサーãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’è¡Œã£ãŸã‚¢ãƒ—リケーションã®åˆ¶ä½œã‚’ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™. 最終的㫠APIコールをã—ã¦å‹•çš„ページã®SSRを行ㆠåˆæœŸè¡¨ç¤ºä»¥å¾Œã¯SPAã¨ã—ã¦å‹•ã ã“ã‚“ãªã‚¢ãƒ—リケーションを目指ã—ã¾ã™. 完æˆç‰ˆã¯ä»¥ä¸‹ã§ã™ ソースコード Github 使ã†ç‰© vuejs vue-router vuex ã“ã®ã‚ãŸã‚Šã‚’使ã„ã¾ã™. 詳ã—ãã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®package.jsonã‚’... Step1 é™çš„ページã®SSR ã•ã作æˆã—ã¦ã„ãã¾ã™
{{#tags}}- {{label}}
{{/tags}}