`"Storyrolls"` in a blog application promoting free and open knowledge as well is literature and philosophy

Use case targets,

Used tech

NextJS 14 App Router

NextJS version 14 has been used to create the fullstack architecture. Using server actions to execute database and used based actions. Typescript has been used and Jodit Editor for rich text editing. Strict type safety has been implemented in the codebase.
Database system Mysql & Prisma

Mysql database has been designed using Prisma to store blogs, and questions efficiently. The database is cloud and managed system and hosted online. Credentials are found inside .env.local
React server components and actions

Applied React server components thoroughly to render server side components. Application of Client components and Server components are shown and utilized properly to distribute loads between server and client side. Whole application has been focused on more ISR-> Incremental Static Rendering, SSR-> Server Side Rendering rather than CSR-> Client Side Rendering. Calculated ratios between SSR, ISR, CSR is 3:4:2
Search Engine Optimization and Open Graph

With the advantage of ISR and SSR, proper SEO for each blogs, questions, each pages has been done properly.
Testing

Jest has been configured properly for testing covarage on whole application.

Name		Name	Last commit message	Last commit date
Latest commit History 36 Commits
.github		.github
__mocks__		__mocks__
__tests__		__tests__
prisma		prisma
public		public
src		src
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
README.md		README.md
components.json		components.json
jest.config.ts		jest.config.ts
jest.setup.ts		jest.setup.ts
next.config.js		next.config.js
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json