Nuxt.js 관련글

2019. 7. 17. 23:54Programming/JavaScript

 

Nuxt.js Guidebook - Create Blog Service

https://vue-nuxt.gitbook.io/nuxt/tutorials/making-blog

 

Nuxt 블로그

블로그 서비스 제작 튜토리얼

vue-nuxt.gitbook.io

 

무료 Nuxt.js 강의

https://medium.com/vue-mastery/free-nuxt-js-tutorial-creating-an-app-1a531bc6045

 

Free Nuxt.js Tutorial — Vue Mastery Course

In this Nuxt tutorial we’ll build an application together and learn about the folder structure that Nuxt.js gives you out of the box.

medium.com

 

Vue.js, Nuxt.js SSR Blog

https://github.com/khriztianmoreno/gist-blog-ssr

 

khriztianmoreno/gist-blog-ssr

Build a server rendered Vue.js blog with Nuxt and Vuex using API Gist as backend - khriztianmoreno/gist-blog-ssr

github.com

 

Vue.js Project Showcase

https://madewithvuejs.com/

 

A collection of projects made with Vue.js – Websites, UI Components, Frameworks, Apps and more!

A collection of projects made with Vue.js – Websites, UI Components, Frameworks, Apps and more!

madewithvuejs.com

 

Nuxt.js Website Template

https://themeforest.net/search/nuxt

 

Nuxt Website Templates from ThemeForest

Get 2 nuxt website templates on ThemeForest. Buy nuxt website templates from $24. All created by our Global Community of independent Web Designers and Developers.

themeforest.net

 

Nuxt 개발 가이드

https://medium.com/@onlykiosk/the-complete-nuxt-guide-940751e1a6a5

 

The Complete Nuxt Guide - OnlyKiosk Dev Tech - Medium

What is Nuxt

medium.com

 

Nuxt.js 개념부터 설치까지 빠르게 배우기

https://kdydesign.github.io/2019/04/10/nuxtjs-tutorial/

 

Nuxt.js 개념부터 설치까지 빠르게 배우기

Vue Application을 만들기 위한 강력한 Framework 인 Nuxt.js에 대해 알아보자. Nuxt.js는 Vue.js 응용 프로그램을 만들기 위한 Framework이며, Vue.js Application을 좀 더 손쉽게 만들 수 있으며 Server-Side-Rendering을 지원한다.

kdydesign.github.io

 

Nuxt.js 처음부터 시작하기

http://blog.naver.com/PostView.nhn?blogId=pjt3591oo&logNo=221027685707

 

[nuxt] nuxt.js 처음부터 시작하기

안녕하세요 멍개입니다. ㅎ 오늘은 nuxt.js라고 하는 프레임워크에 대해서 다뤄보고자 합니다. nuxt.js가 ...

blog.naver.com

 

ASP.NET Core + Nuxt.js Project Templates

https://docs.servicestack.net/templates-nuxt#servicestack-integration

 

Nuxt Project Templates

Nuxt Project Templates Nuxt.js is an exciting opinionated structured framework for rapidly developing Web Applications in a single unified solution pre-configured with Vue’s high-quality components that abstracts away the complex build systems of Webpack p

docs.servicestack.net

 

Nuxt.js site build with StoryBlok

https://www.storyblok.com/tp/nuxt-js-multilanguage-website-tutorial

 

The Nuxt.js Tutorial to Build a Multilanguage Website - Storyblok

This guide is for beginners and professionals who want to build a full blown multilanguage website using Nuxt.js.

www.storyblok.com

 

Vue.js Example site

https://vuejsexamples.com/

 

Vue.js Examples

A nice collection of often useful examples done in Vue.js

vuejsexamples.com

 

Nuxt.js 웹 사이트 전체 만들기 강의

https://fkkmemi.github.io/nuxt/nuxt-001-intro/

 

NUXT로 혼자 웹사이트 만들기 1 소개

항상 고민하던 부분이 있습니다.

fkkmemi.github.io

 

Nuxt.js를 이용한 하이웍스 개편 소개 페이지

http://webholic.net/nuxt-js%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%98%EC%97%AC-%EA%B0%9C%ED%8E%B8-%EC%86%8C%EA%B0%9C-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%8C%EB%93%A4%EA%B8%B0/

 

Nuxt.js를 활용하여 개편 소개 페이지 만들기 – 슈기냥의 하루.

도입배경 올해 초 부터 Vue.js에 관심이 생겨 개인적으로 학습하고 있었다. 2017 1사분기를 회고하는 글에 이런 내용을 적었었다. “회사 개발자 세미나에서도 해당 주제로 발표할 예정이며, 가능하다면 외부 밋업에서도 발표하고 싶다.” 실제로 지난 4월 19일에 외부 밋업에서 발표하게 되었다. 주제는 회사에서 발표한 Vue.js와 Firebase를 활용기를 Vuetiful Korea 1회 모임에서 발표하였다. 이 날 많은 사람들 앞에서 발표한 것도 좋은

webholic.net

 

Vuex와 Store 실습

https://hhhyyeee.wordpress.com/2018/05/12/6-vuex%EC%99%80-store-%EA%B0%84%EB%8B%A8-%EC%8B%A4%EC%8A%B5/

 

(6) Vuex와 Store – 간단 실습

이것은 내가 요즘 만들고 있는 사이트의 첫 페이지의 모습이다. 이름은 My Gallery이고, 사이트의 시그니처인 고흐의 ‘아를의 침실’ 아래에 그리드 형식으로 15*2개의 세계적인 화가들의 그림이 랜덤하게 렌더링되며 각각의 그림이나 화가 이름을 클릭하면 그림을 더 크게 볼 수 있고, 화가에 대한 더 자세한 정보도 알 수 있는 구…

hhhyyeee.wordpress.com

 

Nuxt.js에 Vuetiry 적용

https://hhhyyeee.wordpress.com/2018/08/02/09-nuxt%EC%97%90%EC%84%9C-vuetify-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0/

 

(09) Nuxt에서 Vuetify 사용하기

안녕하세요? 오늘은 Nuxt.js 프로젝트에서 Vuetify.js 를 쓰는 방법에 대해 포스팅을 하기로 마음먹었다. 갑자기 왜냐하면 내가 이걸 하는데 굉장히 애를 먹었기 때문이다. 알고보면 정말 너무나 별거 아니지만 그래도 훗날의 나, 혹은 어쩌면 이걸 볼지도 모를 나같은 쌩초보자에게 혹시 도움이 될까 싶어서 글을 쓰기로 했다. 들어가기 전에 Nuxt…

hhhyyeee.wordpress.com

 

Nuxt.js Sentry 적용 - 오류 피드백 모듈

https://velog.io/@evanjin/Nuxt-Sentry-%EB%8F%84%EC%9E%85%EA%B8%B0-5hjrxnhbre

 

Nuxt Sentry 도입기

0. Sentry은 무엇인가? https://sentry.io/welcome/ sentry의 홈페이지를 보시면 아시겠지만 에러를 추적해주는 소프트웨어 입니다. 이게 왜 필요한가에 대해서는 애플리케이션을 만들고 출시하고 운영하다보면 애플리케이션을 사용하는 사용자가 에러난다고 피드백을 줄 때가 있다. 이런 피드백을 받을때 난감한 점은 유저가 어느때에 정확...

velog.io

 

Nuxt.js PWA(Progress Web Application) 적용

https://velog.io/@evanjin/Nuxt-PWA-%EC%A0%81%EC%9A%A9%EA%B8%B0-f4jrwv1mx7

 

Nuxt PWA 적용기

0. PWA란? PWA는 구글에서 밀고 있는 웹기술로 progress web app의 역자입니다. 대표적인 기능으로는 푸시 알람, 오프라인 지원, 앱 같이 설치 된다는 점입니다. 일단 저는 푸시 알람과 오프라인 지원은 완벽하게 지원되는 단계가 아닌 어떻게 도입할 수 있는지에 대해서 서술해보려고 합니다. 나중에 둘 다 도입 및 해결하게 되면 추가적으로 ...

velog.io

 

Nuxt.js - Express 조합

https://blog.rhostem.com/posts/2018-10-28-nuxtjs-universal

 

Nuxt, Vue, Express로 프론트엔드와 백엔드를 하나의 서버 앱에서 사용하기

SPA(Single Page Application)의 서버 렌더링 웹사이트의 내용을 페이지가 바뀔 때마다 완전히 새로 구성하지 않고 필요한 부분만 동적으로 변경하는 방식의 앱을 SPA라고 한다. 서버는 클라이언트에게 웹사이트에 필요한 필수적인 자원만 넘겨준 후 그 다…

blog.rhostem.com