191 front task feat page loading spinner

next.config.mjs

@@ -1,8 +1,14 @@
+import bundleAnalyzer from "@next/bundle-analyzer";
 import { withSentryConfig } from "@sentry/nextjs";
 
+const withBundleAnalyzer = bundleAnalyzer({
+  enabled: process.env.ANALYZE === "true",
+});
+
 /** @type {import('next').NextConfig} */
-const nextConfig = {
+const nextConfig = withBundleAnalyzer({
   images: {
+    formats: ["image/avif", "image/webp"],
     remotePatterns: [
       {
         protocol: "http",
@@ -19,7 +25,7 @@ const nextConfig = {
       },
     ],
   },
-};
+});
 
 export default withSentryConfig(nextConfig, {
   org: "meetie",

package.json

@@ -5,7 +5,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
+    "build": "ANALYZE=true next build",
     "start": "next start",
     "lint": "eslint './src/**/*.{ts,tsx,js,jsx}'",
     "lint:fix": "eslint --fix './src/**/*.{ts,tsx,js,jsx}'",
@@ -14,7 +14,8 @@
     "e2e:ui": "playwright test --ui",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "test": "vitest"
+    "test": "vitest",
+    "analyze": "ANALYZE=true next build"
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.1",
@@ -41,6 +42,7 @@
     "@chromatic-com/storybook": "^1.9.0",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
+    "@next/bundle-analyzer": "^15.0.4",
     "@playwright/test": "1.41",
     "@storybook/addon-docs": "^8.3.5",
     "@storybook/addon-essentials": "^8.3.5",

src/app/community/page.tsx

@@ -21,11 +21,10 @@ export default function CommunityPostListPage() {
       <Suspense fallback={<CommunityBodySkeleton />}>
         <ServerFetchBoundary fetchOptions={serverFetchOptions}>
           <CommunityBody />
+          <CreatePostButton />
         </ServerFetchBoundary>
       </Suspense>
 
-      <CreatePostButton />
-
       <Gnb />
     </>
   );