Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/paulogdm/blog
personal PWA blog built with Next.js
https://github.com/paulogdm/blog
Last synced: about 1 month ago
JSON representation
personal PWA blog built with Next.js
- Host: GitHub
- URL: https://github.com/paulogdm/blog
- Owner: paulogdm
- License: mit
- Created: 2018-12-31T10:37:09.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-12-31T10:54:03.000Z (about 6 years ago)
- Last Synced: 2024-10-04T13:42:13.578Z (4 months ago)
- Language: JavaScript
- Size: 1.57 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Next.js 🧳
A starting point for my Nextjs Project with default config and components 🧳
## Contents
- [Installation](#Installation)
- [Get Started](#GetStarted)
## Quick Overview
```sh
degit https://github.com/casprine/backpack\#nextjs my-app
cd my-app
yarn start
```
Then open [http://localhost:3000/](http://localhost:3000/) to see your app.
When you’re ready to deploy to production, create a minified bundle with `yarn build` or `npm run build`.
## Get Started
This project scaffold is created manaully with inspiration from creat-next-app. Project is clonend with degit. Make sure you have it installed globally.
```sh
degit https://github.com/casprine/backpack\#nextjs my-app
```
### What's in my-app
degit will create a directory called my-app inside the current folder. Inside that directory, it will generate the initial project structure.
```
.
├── LICENSE
├── README.md
├── next.config.js
├── package.json
├── pages
│ ├── _document.js
│ └── index.js
├── server.js
├── static
│ ├── fonts
│ │ └── ciruclar.ttf
│ └── sass
│ └── index.scss
├── todo.md
├── utils
│ ├── helpers.js
│ ├── index.js
│ └── localStorage.js
└── yarn.lock
```
Once the cloning is complete, enter the directory and install dependencies.
```sh
cd my-app
yarn
```
or
```sh
cd my-app
npm install
```
Once the installation is finished, you can run some commands in your project:
### `npm run start` or `yarn start`
Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.
You will also see any errors in the console.
### `npm run build` or `yarn build`
Builds the app for production to the `.next` folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
### `npm run start` or `yarn start`
Starts the application in production mode.
The application should be compiled with `npm run build` first.
Now you're ready to code & deploy your app!