Skip to content

Commit d0bd7a4

Browse files
committed
mern implementation details
1 parent 33a0f16 commit d0bd7a4

File tree

2 files changed

+4
-2
lines changed
  • src/content/project

2 files changed

+4
-2
lines changed

src/content/project/2020/04-12-mern-boilerplate/index.mdx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,11 +36,13 @@ Get practical experience with Redux and Express with Mongoose.
3636

3737
## Implementation details
3838

39+
It is a client side rendered React app that uses Redux for storing server state. That method was popular at the time but today is replaced with server side rendering, server components, React Query and similar. Auth is done with Passport middleware, endpoints with Express and data is stored in MongoDB with Mongoose. Babel is used for unified ES syntax across frontend and backend code.
40+
3941
You can find more implementation details in the <Link href="https://github.com/nemanjam/mern-boilerplate" variant="markdown" target="_blank" title="README.md">README.md</Link> file on Github.
4042

4143
## Lessons learned
4244

43-
- How to structure a full stack app and what are the common challenges to be expected.
45+
- How to structure a full stack app and what are the common challenges to expect.
4446
- Work in practice and debug with Redux.
4547

4648
## Links

src/content/project/2022/07-17-nextjs-prisma-boilerplate/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ Make a solid foundation for a modern full stack Next.js server side rendered app
4040

4141
## Implementation details
4242

43-
It is a boilerplate project that aims to establish good practices from the beginning. Frontend code is organized into the following layers `pages` -> `layouts` -> `views` -> `components` suitable for unit and integration testing. Similarly backend code is organized into `controller`, `middleware` and `service` layers for easy testing. Styling code uses BEM and Tailwind. Theming and dark mode are implemented as Tailwind plugin. React Query is used for data fetching along with Suspense and ErrorBoundary.
43+
It is a boilerplate project that aims to establish good practices from the beginning. Frontend code is organized into the following layers `pages` -> `layouts` -> `views` -> `components` suitable for unit and integration testing. Similarly backend code is organized into `controllers` -> `middleware` -> `services` layers for easy testing. Styling code uses BEM and Tailwind. Theming and dark mode are implemented as Tailwind plugin. React Query is used for data fetching along with Suspense and ErrorBoundary.
4444

4545
Frontend tests are done with Jest, Testing Library, Mock Service Worker, backend tests use Supertest client, E2E tests are done with Cypress. All tests are configured to run locally on the host, in Docker and in Github Actions.
4646

0 commit comments

Comments
 (0)