{"componentChunkName":"component---src-templates-blog-post-js","path":"/nextjs/","result":{"data":{"site":{"siteMetadata":{"title":"Freddy Bihozagara's Blog"}},"markdownRemark":{"id":"c78c15a2-84ea-5d67-a051-1138c0f9f27c","excerpt":"To scaffold a NextJs app, Type: npx create-next-app or Manual setup, Type: Install next, react and react-dom in your project folder: Open package.json and add…","html":"

To scaffold a NextJs app, Type:

\n

npx create-next-app

\n

or

\n

Manual setup, Type:

\n

Install next, react and react-dom

\n

in your project folder:

\n

Open package.json and add the following scripts:

\n
"scripts": {\n  "dev": "next dev",\n  "build": "next build",\n  "start": "next start"\n}
\n

Create a pages directory inside your project.

\n

Populate ./pages/index.js with the following contents:

\n
function HomePage() {\n  return <div>Welcome to Next.js!</div>\n}\n\nexport default HomePage
\n

To start developing your application type npm run dev

\n

Visit http://localhost:3000 to view your application.

\n

source: https://nextjs.org/

","frontmatter":{"title":"NextJs","date":"December 12, 2020","description":"NextJs is a React framework that allows for both static & server side rendering, has TypeScript support, smart bundling, route pre-fetching, and more .. "}},"previous":{"fields":{"slug":"/app-launcher/"},"frontmatter":{"title":"Desktop launcher"}},"next":{"fields":{"slug":"/wiki_ai/"},"frontmatter":{"title":"Artificial Intelligence (AI)"}}},"pageContext":{"id":"c78c15a2-84ea-5d67-a051-1138c0f9f27c","previousPostId":"52dcb024-e451-5630-9f8e-36951785bf9b","nextPostId":"7c95bf97-8ac1-5ae8-83d4-c8f02a2712f9"}},"staticQueryHashes":["2841359383","916993862"]}