This is the minimum CMS is based on How to Build a Fullstack App with Next.js, Prisma, and PostgreSQL
The best DX actual next.js project
https://casaub0n.github.io/blogr-nextjs-prisma/
- Tailwind CSS
- Typescript
- Prisma
- Jest
- Storybook
- eslint
- prettier
- next-auth
The default theme is nord theme. You can change to edit on tailwind.config.js
.
Prisma has a strong type system and a frendly editor.
- WIP service layer
- integration test
Because of unit test. The environment is under jsdom.
- MSW
This project's storybook is still webpack4 because of dependency of PostCSS. Right now, preview.js is not good work, so it extends webpack configuration.
// import layer
import * as React from 'react'
import styled from 'styled-components'
// type layer
type ContainerProps = {
children: React.ReactNode
}
type Props = {
className: string
} & ContainerProps
// component layer
const Component: React.VFC<Props> = ({ className, children }) => {
return (
<div className={className}>
{children}
</div>
)
}
// style layer
export const StyledComponent = styled(Component)`
color: #000;
`
// container layer
const Container: React.VFC<ContainerProps> = ({ children, ...props }) => {
return <StyledComponent className="example" {...props}>{children}</StyledComponent>
}
export default Container