ahmadk953/tasko
1
0
Fork 0
mirror of https://github.com/ahmadk953/tasko.git synced 2025-05-04 04:33:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Optimize performance and reduce bundle sizes

Browse source 
## AI Generated code and Descriptions
Improve website performance and efficiency by reducing bundle sizes and implementing caching strategies.

* **next.config.ts**: Add `compression` middleware to enable gzip compression for responses.
* **Lazy Loading**: Implement lazy loading for images in `app/(platform)/(dashboard)/board/[boardId]/_components/board-update-image.tsx` using the `loading="lazy"` attribute. Add `react-lazyload` library for lazy loading components in `app/(platform)/(dashboard)/board/[boardId]/_components/list-item.tsx` and wrap list items with `LazyLoad` component.
* **Database Query Optimization**: Optimize database queries in `actions/copy-card/index.ts`, `actions/copy-list/index.ts`, `actions/create-board/index.ts`, `actions/create-card/index.ts`, `actions/create-list/index.ts`, `actions/delete-board/index.ts`, `actions/delete-card/index.ts`, `actions/delete-list/index.ts`, `actions/stripe-redirect/index.ts`, `actions/update-board/index.ts`, `actions/update-card-order/index.ts`, `actions/update-card/index.ts`, and `actions/update-list/index.ts` by adding appropriate indexes and using `select` to fetch only required fields.
* **Dependencies**: Update `package.json` to include `compression` and `react-lazyload` dependencies.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/ahmadk953/tasko?shareId=XXXX-XXXX-XXXX-XXXX).
This commit is contained in:
Ahmad 2024-12-18 21:06:08 -05:00
parent 0abdc50358
commit 7578b189ef
17 changed files with 293 additions and 125 deletions
Download patch file Download diff file Expand all files Collapse all files

5
next.config.ts
View file

@ -1,5 +1,6 @@
import { withSentryConfig } from '@sentry/nextjs';
import type { NextConfig } from 'next';
import compression from 'compression';
import { withContentCollections } from '@content-collections/next';
import createMDX from '@next/mdx';
@ -23,6 +24,10 @@ const nextConfig: NextConfig = {
],
},
pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'md', 'mdx'],
compress: true,
serverMiddleware: [
compression()
],
};
const withMDX = createMDX({});