Nuxt.js module for enabling HTTP/2 server push on Netlify
npm install nuxt-netlify-http2-server-push
> Nuxt.js module for enabling HTTP/2 server push on Netlify
This module generates a _headers file which enables HTTP/2 server push on Netlify.
- Add nuxt-netlify-http2-server-push dependency using yarn or npm to your project
``sh`
$ npm install --save nuxt-netlify-http2-server-pushor
$ yarn add nuxt-netlify-http2-server-push
- Add nuxt-netlify-http2-server-push to the modules section of nuxt.config.js and configure the resources property
`js`
{
modules: [
[
'nuxt-netlify-http2-server-push',
{
// Specify relative path to the dist directory and its content type
resources: [
{ path: '*/.js', as: 'script' },
{ path: 'images/hero.jpg', as: 'image' },
{ path: 'fonts/*.woff2', as: 'font', type: 'font/woff2', crossorigin: 'anonymous' },
{ path: 'images/bg-image-narrow.png', as: 'image', media: '(max-width: 600px)', },
]
}
]
]
}
Just run nuxt generate or call nuxt.generate().
This module will generate a _headers file in the root of the dist directory. If you have your own _headers file, the additional lines will be appended to it.
Please read https://www.netlify.com/blog/2017/07/18/http/2-server-push-on-netlify/
for more details about HTTP/2 Server Push on Netlify.
- Clone this repository
- Install dependencies using yarn install or npm install
- Start development server using
Copyright (c) Yoshihide Jimbo