Create Next App

We built `create-next-app` after we started playing around with Next.js a couple months ago and slowly found ourselves creating more & more micro-next websites. When optimizing React for SEO or fast page loads, you really need to render pages server-side and Next makes that incredibly easy.

We'd been using Create React App for a while for UIs on top of our backend services and thought why can't we just use Next the same way?

Here's how it works:

$ npm install -g create-next-app $ create-next-app my-app

or

$ create-next-app --example with-socket.io my-app

(search through examples at https://open.segment.com/create-next-app#examples)

We have a few more ideas for how to improve (like combining examples!) and would love feedback on what y'all would like to see - let us know here: https://github.com/segmentio/create-next-app/issues

Re: Create Next App

#7

Post by fouadmatin » Sat, Apr 29, 2017, 7:00 PM UTC

patates wrote: post #5

Not to take away from your great work but... No love for offline?

Ah that's a good point! Usually when we ran this it was in the office, I just created an issue for it https://github.com/segmentio/create-next-app/issues/2

Re: Create Next App

#8

Post by jaequery » Sat, Apr 29, 2017, 7:02 PM UTC

fouadmatin wrote: post #4

jaequery wrote: post #2

500 error

Sorry about that! We were pulling Github for the Next.js examples section and forgot to deploy caching + silencing that error.

cool no worries, thx!

Re: Create Next App

#9

Post by cies » Sat, Apr 29, 2017, 9:01 PM UTC

fouadmatin wrote: post #6

Hey HN! I'm Fouad from engineering team at Segment. We built `create-next-app` after we started playing around with Next.js a couple months ago and slowly found ourselves creating more & more micro-next websites. When optimizing React for SEO or fast page loads, you really need to render pages server-side and Next makes that incredibly easy. We'd been using Create React App for a while for UIs on top of our backend s…

I'd love to see an `--with-alt-js` flag where I can put values like "reason" or "purescript". :)