Awesome
NextJs Starter
A Starter project for
nextJs
with Bulma CSS framework.
Demo
https://codesandbox.io/s/github/louiskhenghao/next-bulma
How to run app
Run development build
yarn
yarn dev
Run production build with:
yarn build
yarn start
Export as static HTML files
yarn build
yarn export
# To try on your local machine
# note: you'll need to install https://github.com/zeit/serve
cd out
serve -p 8080
Folder structure
/config
- index.js
/components
- YourComponent.js
/pages
- YourPage.js
/screens
- /YourScreenComponent
- index.jsx
- styles.jsx
/styles
- theme.scss
- styles.scss
components
folder is the place for your component.pages
folder is the place for pages to be served, by default nextJs will consume the js file as page route, (Example: there is amypages.js
file underpages
, so to access this page i just go tohttp://localhost:3000/mypages
)screens
folder is the place for pages component, each page component will have a component and its styles, the purpose to having these due to some people would love to seperate style and component in different files (This is optional)styles/theme.scss
- this is the place where we import bulma theme, you can choose to define what you need to use for your applicationstyles/styles.scss
- this file is to define global styles for your application