:deciduous_tree: [email protected], Styled-jsx, TypeScript, Jest, SEO
see ChangeLog
git clone https://github.com/deptno/next.js-typescript-starter-kit my-project
cd my-project
rm -r .git
yarn
yarn test # test
yarn test:watch
yarn test:coverage # report coverage
yarn storybook # open browser localhost:6006
yarn build-storybook # Build storybook static assets
yarn start:dev # run
yarn
yarn build # create .next directory
yarn start # start server
yarn
yarn build # create .next directory
yarn export # create .out directory
Set SEO & analytics variables
src/constants/env.ts
export const GA_TRACKING_ID = ''
export const FB_TRACKING_ID = ''
export const SENTRY_TRACKING_ID = ''
// for meta tag <og & twitter>
export const SITE_NAME = ''
export const SITE_TITLE = ''
export const SITE_DESCRIPTION = ''
export const SITE_IMAGE = ''
If each variable evaluated false, it does not load related library
import * as classnames from 'classnames'
import * as css from './Home.css'
export const Just = props => <div className={css.className}>
export const Mixed = props => <div className={classnames('row', 'home', css.home)}>
const Layout = props =>
<head>
<style jsx global>{`
div > * {
font-size: 32px;
}
`}
</style>
</head>
export const Home = props =>
<div>
<style jsx>{`{
color: darkred;
}`}</style>
home
</div>