An open API service indexing awesome lists of open source software.

https://github.com/app-generator/hello-world-next-js

Getting Started with Next JS | App-Generator.dev
https://github.com/app-generator/hello-world-next-js

app-generator documentation nextjs nextjs-starter

Last synced: about 2 months ago
JSON representation

Getting Started with Next JS | App-Generator.dev

Awesome Lists containing this project

README

          

# [Hello World - Next JS](https://app-generator.dev/docs/technologies/nextjs/index.html)

Simple Next JS project provided by [App-Generator](https://app-generator.dev/). For newcomers, [NextJS is a popular web framework](https://app-generator.dev/docs/technologies/nextjs/index.html) built on top of [React](https://app-generator.dev/docs/technologies/react/index.html) that provides many out-of-the-box hot features used in modern web development: static and server rendering, smart bundling, Typescripts support without a complex configuration.

- 👉 [Getting Started with NextJS](https://app-generator.dev/docs/technologies/nextjs/index.html)
- 👉 [Getting Started with React](https://app-generator.dev/docs/technologies/react/index.html)

![image](https://user-images.githubusercontent.com/51070104/120604977-375ceb00-c456-11eb-899b-20b385b962a6.png)


> How to use the code

Before start using this project, please make sure you have a [Minimal Programming Kit](https://app-generator.dev/docs/developer-tools/minimal-programming-kit.html) already installed and tools accessible in the terminal:

- A modern editor - **VSCode** or **Atom**
- **Nodejs** - used in Javascript-based products and tools
- **Yarn** - a popular package manager for NodeJS (better than NPM)
- **GIT** - a command-line tool used to download sources from Github


**Step #1** - Clone the source code

```bash
$ git clone https://github.com/app-generator/hello-world-next-js.git
$ cd hello-world-next-js
```


**Step #2** - Install modules using NPM or Yarn

```bash
$ npm install
// OR
$ yarn
```


**Step #3** - Start the project (development mode)

```bash
$ npm run dev
// OR
$ yarn dev
```


## Next JS Resources

For more resources, please access:

- [Next JS](https://nextjs.org/) - official website
- [Getting Started with Next JS](https://app-generator.dev/docs/technologies/nextjs/index.html) - a comprehensive tutorial for beginners.


---
[Hello World - Next JS](https://app-generator.dev/docs/technologies/nextjs/index.html) - provided by [App Generator]([https://appseed.us/](https://app-generator.dev/))