diff --git a/.projen/tasks.json b/.projen/tasks.json
index 338909b..cba21b3 100644
--- a/.projen/tasks.json
+++ b/.projen/tasks.json
@@ -278,10 +278,11 @@
       "description": "Prepare the project for compilation",
       "steps": [
         {
-          "spawn": "build:appsync"
+          "exec": "npm run build",
+          "cwd": "lib/user-interface/genai-newsletter-ui/"
         },
         {
-          "spawn": "compile"
+          "spawn": "build:appsync"
         }
       ]
     },
diff --git a/.projenrc.ts b/.projenrc.ts
index 809b66e..1d8e66c 100644
--- a/.projenrc.ts
+++ b/.projenrc.ts
@@ -234,8 +234,10 @@ project.tasks.addTask('docs:preview', {
   exec: 'vitepress preview pages',
 });
 
+project.preCompileTask.exec('npm run build', {
+  cwd: 'lib/user-interface/genai-newsletter-ui/',
+});
 project.preCompileTask.spawn(buildAppsync);
-project.preCompileTask.spawn(frontend.compileTask);
 
 // Formatting tasks
 project.tasks.addTask('format', {