next-js example (just to check it works)

examples/next-js/.gitignore

@@ -0,0 +1,2 @@
+node_modules
+.next/

examples/next-js/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "next-js",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "private": true,
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "gl-react": "3.14.0-beta.dab6ded6",
+    "gl-react-dom": "3.14.0-beta.dab6ded6",
+    "next": "^5.0.0",
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0"
+  }
+}

examples/next-js/pages/index.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Shaders, Node, GLSL } from "gl-react";
+import { Surface } from "gl-react-dom";
+
+const shaders = Shaders.create({
+  helloBlue: {
+    frag: GLSL`
+precision highp float;
+varying vec2 uv;
+uniform float blue;
+void main() {
+  gl_FragColor = vec4(uv.x, uv.y, blue, 1.0);
+}`
+  }
+});
+class HelloBlue extends React.Component {
+  render() {
+    const { blue } = this.props;
+    return <Node shader={shaders.helloBlue} uniforms={{ blue }} />;
+  }
+}
+
+export default () => (
+  <Surface width={300} height={300}>
+    <HelloBlue blue={0.5} />
+  </Surface>
+);