nextjs - service side react framework
관련 자료
Next.js - The React Framework
Production grade React applications that scale. The world’s leading companies use Next.js to build server-rendered applications, static websites, and more.
nextjs.org
Getting Started
Install it: npm install --save next react react-dom and add a script to your package.json like this: { "scripts": { "dev": "next", "build": "next build", "start": "next start" } } After that, the file-system is the main API. Every .js file becomes a route
nextjs.org
https://blueshw.github.io/2018/04/15/why-nextjs/
blueshw.github.io
NextJS는 서버사이드렌더링(SSR)과 code splitting 등을 지원하는 reactjs 전용 프레임워크다. 아래에는 크게 네가지로 NextJS의 특징을 간략하게 모아 보았다.
1. Server-Side Rendering Done Right
Take the pain out of creating Universal React apps with Next.js
2. File-System routing
3. Automatic code splitting
4. Static exporting
Static Sites, No Compromise
5. More ...
- Custom Server with ExpressSetting up a custom Express server to handle requests.See this example
- PrefetchingHow to use the built-in page prefetching functionality.See this example
- Styled ComponentsHow to use Styled Components for styling.See this example
- Data FetchingUsing getInitialProps to fetch data on the server or on the client.See this example
- Parameterized RoutingHow to set up custom routes, such as /blog/:id for posts.See this example
- TypeScriptHow to set up the TypeScript type system for your components.See this example
- ElectronHow you can use Next.js inside an Electron application.See this example
- ReduxHow to use the well-known Redux for global state management.See this example
- SSR CachingHow to cache the resulting HTML of a page to avoid re-rendering.See this example
- Less, PostCSS, CSS ModulesHow to use Next.js with next-less plugin.See this example
- Apollo GraphQLHow to use the Apollo framework for GraphQL data fetching.See this example
- github.com/zeit/next.js150+ examples
'Javascript' 카테고리의 다른 글
BootstrapVue (0) | 2019.05.02 |
---|---|
브라우저에서 particle을 만들어 보자 (0) | 2019.04.19 |
preactjs - react의 subset, simple, lightweight library (0) | 2019.04.12 |
MS의 new SPA Framework Blazor - WebAssembly 지원( Browser-based web apps ) (0) | 2018.06.18 |
Babel - javascript compiler, Use next generation JavaScript, today (0) | 2016.06.18 |