Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dnplus/next-starter-jamstack
https://github.com/dnplus/next-starter-jamstack
Last synced: 24 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/dnplus/next-starter-jamstack
- Owner: dnplus
- License: mit
- Created: 2020-06-10T10:57:57.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T08:30:45.000Z (about 2 years ago)
- Last Synced: 2024-11-01T18:51:50.326Z (2 months ago)
- Language: JavaScript
- Size: 1.22 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# A Next.js starter for the [JAMstack](https://jamstack.org)
This is a boilerplate for using [Next.js](https://nextjs.org/) as a static site generator.
[](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/next-starter-jamstack)
## Usage
### Getting started
To start your project, either:
1. Deploy to Netlify using the button above, or
2. Clone this repository and run:
```bash
npm install
```
This will take some time and will install all packages necessary to run the starter.
### Development
While developing your website, use:
```bash
npm start
```
Then visit http://localhost:3000/ to preview your new website. The Next.js development server will automatically reload the CSS or refresh the whole page, when stylesheets or content changes.
### Static build
To build a static version of the website inside the `/dist` folder, run:
```bash
npm run build
```
See [package.json](package.json) for all tasks.
## Basic Concepts
You can read more about building sites and apps with Next.js in their documentation here:
https://nextjs.org/docs
## Doing dynamic things
A few resources for doing anything you can imagine with a 100% static site/app on the JAMstack
using Next.js. If you would like to add more resources please open a pull request!
- [Using Next.js as a Static Site Generator for Netlify](https://scotch.io/@sw-yx/using-nextjs-as-a-static-site-generator-for-netlify) - [Shawn Wang](https://twitter.com/swyx)
- [Serverless Next.js 9 on Netlify Functions](https://community.netlify.com/t/serverless-next-js-9-on-netlify-functions/1956) - [Shawn Wang](https://twitter.com/swyx)
## Deploying to Netlify
The deploy to Netlify button above will create a new site and repo in one click. If you've created your repo manually, you can deploy to Netlify as follows:
- Push your clone to your own GitHub repository.
- [Create a new site on Netlify](https://app.netlify.com/start) and link the repository.
Now Netlify will build and deploy your site whenever you push to git.