Next.js + Strapi - Generate Content With Faker.js

package.json

@@ -12,6 +12,7 @@
     "@emotion/styled": "^10.0.27",
     "dotenv": "^8.2.0",
     "emotion-theming": "^10.0.27",
+    "faker": "^5.5.3",
     "isomorphic-unfetch": "^3.0.0",
     "next": "^10.0.3",
     "next-i18next": "^6.0.2",

pages/generate-content.js

@@ -0,0 +1,40 @@
+import { Box } from 'reflexbox'
+import getConfig from 'next/config'
+import faker from 'faker'
+
+const { publicRuntimeConfig } = getConfig();
+
+function GenerateContent(){
+
+    async function addContent() {
+        let i
+
+        for (i = 0; i < 100; i++) {
+            const postData = {
+                Title: faker.lorem.sentence(),
+                Content: faker.lorem.paragraphs()
+            }
+
+            const generate = await fetch(`${publicRuntimeConfig.API_URL}/posts`, {
+                method: 'POST',
+                headers: {
+                    'Accept': 'application/json',
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(postData)
+            })
+
+            const generateResponse = await generate.json()
+
+            console.log(generateResponse)
+        }
+    }
+
+    return (
+        <Box variant="container">
+            <button type="button" onClick={() => addContent()}>Generate Strapi Content</button>
+        </Box>
+    )
+}
+
+export default GenerateContent