<h1 dir="auto">Examples bug report</h1>
<h2 dir="auto">Example name</h2>
<p dir="auto"><code class="notranslate">analyze-bundles</code></p>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">After following the <a href="https://github.com/zeit/next.js/tree/canary/examples/analyze-bundles#download-manually">"Download manually" instructions</a>, there is an error in the terminal and the page at <a href="http://localhost:3000/" rel="nofollow">http://localhost:3000/</a> displays "Internal Server Error"</p>
<h2 dir="auto">To Reproduce</h2>
<ol dir="auto">
<li><code class="notranslate">curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/analyze-bundles</code></li>
<li><code class="notranslate">cd analyze-bundles</code></li>
<li><code class="notranslate">npm install</code></li>
<li><code class="notranslate">npm run dev</code></li>
<li>See the following error:</li>
</ol>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=" ERROR  Failed to compile with 1 errors                                          6:03:15 PM

 error  in ./node_modules/next/dist/client/next-dev.js

Module parse failed: Unexpected token (34:6)
You may need an appropriate loader to handle this file type.
|
|
&gt; import('./noop');
| var _window = window,
|     assetPrefix = _window.__NEXT_DATA__.assetPrefix;

 @ multi ./node_modules/next/dist/client/next-dev"><pre class="notranslate"><code class="notranslate"> ERROR  Failed to compile with 1 errors                                          6:03:15 PM

 error  in ./node_modules/next/dist/client/next-dev.js

Module parse failed: Unexpected token (34:6)
You may need an appropriate loader to handle this file type.
|
|
&gt; import('./noop');
| var _window = window,
|     assetPrefix = _window.__NEXT_DATA__.assetPrefix;

 @ multi ./node_modules/next/dist/client/next-dev
</code></pre></div>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">Expect to see no errors.</p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS: macOS 10.14.2</li>
<li>Browser: Chrome 72</li>
<li>Version of Next.js: 8.0.1</li>
<li>Node: v10.15.0</li>
<li>npm: v6.8.0</li>
</ul>
<h2 dir="auto">Additional context</h2>
<p dir="auto">Looks to be caused by <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="409089306" data-permission-text="Title is private" data-url="https://github.com/vercel/next.js/issues/6259" data-hovercard-type="issue" data-hovercard-url="/vercel/next.js/issues/6259/hovercard" href="https://github.com/vercel/next.js/issues/6259">#6259</a></p>
<p dir="auto">We need a sidebar which is a category tree of an e-commerce site, fetched from DB(pls check this example - <a href="https://www.ffshop.no/abonnement-c-84.html" rel="nofollow">ffshop : left menu</a> - building the next version of it).</p>
<p dir="auto">This should only load once - at very first time (server rendered) like <a href="https://reacttraining.com/react-router/web/example/sidebar" rel="nofollow">react router example</a></p>
<p dir="auto">How can I fetch this initially - using HOC? I use <a href="https://github.com/zeit/next.js/tree/canary/examples/layout-component">layout component</a> and also checked <a href="https://github.com/zeit/next.js/tree/canary/examples/with-higher-order-component">HOC</a></p>
<p dir="auto">I think this may be related to <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="282603726" data-permission-text="Title is private" data-url="https://github.com/vercel/next.js/issues/3461" data-hovercard-type="pull_request" data-hovercard-url="/vercel/next.js/pull/3461/hovercard" href="https://github.com/vercel/next.js/pull/3461">#3461</a>, <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="287252294" data-permission-text="Title is private" data-url="https://github.com/vercel/next.js/issues/3552" data-hovercard-type="pull_request" data-hovercard-url="/vercel/next.js/pull/3552/hovercard" href="https://github.com/vercel/next.js/pull/3552">#3552</a>.</p>

<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<p dir="auto">next.js match in every aspect of our need but looks like it falls a bit short in this use case. Building another site which also requires rendering dynamic menu from DB. I would like to contribute.</p>