Automated publish 0d76092

suhanw · Oct 9, 2024 · 80b0ec4 · 80b0ec4
1 parent 3dd6cab
commit 80b0ec4
Show file tree

Hide file tree

Showing 36 changed files with 21 additions and 21 deletions.
diff --git a/404.html b/404.html
@@ -4,4 +4,4 @@
 									gtag('js', new Date());
 
 									gtag('config', 'G-CZ0TSM98BL');
-							</script><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>404: This page could not be found</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/styles.7138b2e3.chunk.css" as="style"/><link rel="stylesheet" href="/_next/static/css/styles.7138b2e3.chunk.css" data-n-g=""/><noscript data-n-css=""></noscript><link rel="preload" href="/_next/static/chunks/main-5e53dfd826fb0870df0c.js" as="script"/><link rel="preload" href="/_next/static/chunks/webpack-147ea3ada7109f6dc0bb.js" as="script"/><link rel="preload" href="/_next/static/chunks/framework.abffcf18e526b7c0dbcd.js" as="script"/><link rel="preload" href="/_next/static/chunks/c8817c810ac732b2202d2ab097cea034b8097b3b.0aef9695673ee5c17c2c.js" as="script"/><link rel="preload" href="/_next/static/chunks/styles.dae767624ba255a10f93.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/_app-bc363205d93151ffb13d.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/_error-2157553d569a4a4e7bf2.js" as="script"/></head><body><div id="__next"><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"FeQ4UHPDNOjn-RTmaISox","nextExport":true,"isFallback":false,"gip":true}</script><script nomodule="" src="/_next/static/chunks/polyfills-e3f124d20a714e6dd239.js"></script><script src="/_next/static/chunks/main-5e53dfd826fb0870df0c.js" async=""></script><script src="/_next/static/chunks/webpack-147ea3ada7109f6dc0bb.js" async=""></script><script src="/_next/static/chunks/framework.abffcf18e526b7c0dbcd.js" async=""></script><script src="/_next/static/chunks/c8817c810ac732b2202d2ab097cea034b8097b3b.0aef9695673ee5c17c2c.js" async=""></script><script src="/_next/static/chunks/styles.dae767624ba255a10f93.js" async=""></script><script src="/_next/static/chunks/pages/_app-bc363205d93151ffb13d.js" async=""></script><script src="/_next/static/chunks/pages/_error-2157553d569a4a4e7bf2.js" async=""></script><script src="/_next/static/FeQ4UHPDNOjn-RTmaISox/_buildManifest.js" async=""></script><script src="/_next/static/FeQ4UHPDNOjn-RTmaISox/_ssgManifest.js" async=""></script></body></html>
+							</script><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>404: This page could not be found</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/styles.7138b2e3.chunk.css" as="style"/><link rel="stylesheet" href="/_next/static/css/styles.7138b2e3.chunk.css" data-n-g=""/><noscript data-n-css=""></noscript><link rel="preload" href="/_next/static/chunks/main-5e53dfd826fb0870df0c.js" as="script"/><link rel="preload" href="/_next/static/chunks/webpack-147ea3ada7109f6dc0bb.js" as="script"/><link rel="preload" href="/_next/static/chunks/framework.abffcf18e526b7c0dbcd.js" as="script"/><link rel="preload" href="/_next/static/chunks/c8817c810ac732b2202d2ab097cea034b8097b3b.0aef9695673ee5c17c2c.js" as="script"/><link rel="preload" href="/_next/static/chunks/styles.dae767624ba255a10f93.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/_app-bc363205d93151ffb13d.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/_error-2157553d569a4a4e7bf2.js" as="script"/></head><body><div id="__next"><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"aNCdvdwLAub2mnjnYUdxe","nextExport":true,"isFallback":false,"gip":true}</script><script nomodule="" src="/_next/static/chunks/polyfills-e3f124d20a714e6dd239.js"></script><script src="/_next/static/chunks/main-5e53dfd826fb0870df0c.js" async=""></script><script src="/_next/static/chunks/webpack-147ea3ada7109f6dc0bb.js" async=""></script><script src="/_next/static/chunks/framework.abffcf18e526b7c0dbcd.js" async=""></script><script src="/_next/static/chunks/c8817c810ac732b2202d2ab097cea034b8097b3b.0aef9695673ee5c17c2c.js" async=""></script><script src="/_next/static/chunks/styles.dae767624ba255a10f93.js" async=""></script><script src="/_next/static/chunks/pages/_app-bc363205d93151ffb13d.js" async=""></script><script src="/_next/static/chunks/pages/_error-2157553d569a4a4e7bf2.js" async=""></script><script src="/_next/static/aNCdvdwLAub2mnjnYUdxe/_buildManifest.js" async=""></script><script src="/_next/static/aNCdvdwLAub2mnjnYUdxe/_ssgManifest.js" async=""></script></body></html>
diff --git a/_next/data/FeQ4UHPDNOjn-RTmaISox/index.json → _next/data/aNCdvdwLAub2mnjnYUdxe/index.json b/_next/data/FeQ4UHPDNOjn-RTmaISox/index.json → _next/data/aNCdvdwLAub2mnjnYUdxe/index.json
diff --git a/...s-awesome-but-don-t-abandon-promises.json → ...s-awesome-but-don-t-abandon-promises.json b/...s-awesome-but-don-t-abandon-promises.json → ...s-awesome-but-don-t-abandon-promises.json
diff --git a/...posts/decouple-data-from-ui-in-react.json → ...posts/decouple-data-from-ui-in-react.json b/...posts/decouple-data-from-ui-in-react.json → ...posts/decouple-data-from-ui-in-react.json
diff --git a/...couple-data-from-ui-with-react-hooks.json → ...couple-data-from-ui-with-react-hooks.json b/...couple-data-from-ui-with-react-hooks.json → ...couple-data-from-ui-with-react-hooks.json
diff --git a/...osts/decouple-third-party-from-react.json → ...osts/decouple-third-party-from-react.json b/...osts/decouple-third-party-from-react.json → ...osts/decouple-third-party-from-react.json
diff --git a/...deploy-ec2-with-ecr-docker-terraform.json → ...deploy-ec2-with-ecr-docker-terraform.json b/...deploy-ec2-with-ecr-docker-terraform.json → ...deploy-ec2-with-ecr-docker-terraform.json
diff --git a/...posts/deploy-react-ssr-to-production.json → ...posts/deploy-react-ssr-to-production.json b/...posts/deploy-react-ssr-to-production.json → ...posts/deploy-react-ssr-to-production.json
diff --git a/.../posts/designing-white-label-web-app.json → .../posts/designing-white-label-web-app.json b/.../posts/designing-white-label-web-app.json → .../posts/designing-white-label-web-app.json
diff --git a/...intro-to-react-server-side-rendering.json → ...intro-to-react-server-side-rendering.json b/...intro-to-react-server-side-rendering.json → ...intro-to-react-server-side-rendering.json
diff --git a/...maISox/posts/masonry-layout-in-react.json → ...nYUdxe/posts/masonry-layout-in-react.json b/...maISox/posts/masonry-layout-in-react.json → ...nYUdxe/posts/masonry-layout-in-react.json
diff --git a/...Sox/posts/react-node-typescript-2024.json → ...dxe/posts/react-node-typescript-2024.json b/...Sox/posts/react-node-typescript-2024.json → ...dxe/posts/react-node-typescript-2024.json
diff --git a/...Sox/posts/stop-making-clickable-divs.json → ...dxe/posts/stop-making-clickable-divs.json b/...Sox/posts/stop-making-clickable-divs.json → ...dxe/posts/stop-making-clickable-divs.json
diff --git a/...ithub-actions-deploy-nextjs-ssg-site.json → ...ithub-actions-deploy-nextjs-ssg-site.json b/...ithub-actions-deploy-nextjs-ssg-site.json → ...ithub-actions-deploy-nextjs-ssg-site.json
diff --git a/...c/FeQ4UHPDNOjn-RTmaISox/_buildManifest.js → ...c/aNCdvdwLAub2mnjnYUdxe/_buildManifest.js b/...c/FeQ4UHPDNOjn-RTmaISox/_buildManifest.js → ...c/aNCdvdwLAub2mnjnYUdxe/_buildManifest.js
diff --git a/...tic/FeQ4UHPDNOjn-RTmaISox/_ssgManifest.js → ...tic/aNCdvdwLAub2mnjnYUdxe/_ssgManifest.js b/...tic/FeQ4UHPDNOjn-RTmaISox/_ssgManifest.js → ...tic/aNCdvdwLAub2mnjnYUdxe/_ssgManifest.js
diff --git a/auteur-preview.html b/auteur-preview.html
@@ -4,4 +4,4 @@
 									gtag('js', new Date());
 
 									gtag('config', 'G-CZ0TSM98BL');
-							</script><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>Auteur Preview</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/styles.7138b2e3.chunk.css" as="style"/><link rel="stylesheet" href="/_next/static/css/styles.7138b2e3.chunk.css" data-n-g=""/><noscript data-n-css=""></noscript><link rel="preload" href="/_next/static/chunks/main-5e53dfd826fb0870df0c.js" as="script"/><link rel="preload" href="/_next/static/chunks/webpack-147ea3ada7109f6dc0bb.js" as="script"/><link rel="preload" href="/_next/static/chunks/framework.abffcf18e526b7c0dbcd.js" as="script"/><link rel="preload" href="/_next/static/chunks/c8817c810ac732b2202d2ab097cea034b8097b3b.0aef9695673ee5c17c2c.js" as="script"/><link rel="preload" href="/_next/static/chunks/styles.dae767624ba255a10f93.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/_app-bc363205d93151ffb13d.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/auteur-preview-c85d25d57068ab774ba1.js" as="script"/></head><body><div id="__next"><article class="contentWrapper_1aS_o"><h1>Auteur</h1><a class="cta_3ivKg" href="/auteur">www.suhanwijaya.com/auteur</a><p>Auteur is a full-stack web application inspired by Tumblr. It utilizes Node.js on the backend, a MongoDB database, and React.js with a Redux architectural framework on the frontend.</p><h2>Features</h2><h3>Single Page</h3><p>Auteur is a single page app that allows for quick navigation between its various components. As data is fetched from NodeJS, components are only updated when necessary.</p><h3>Carousel</h3><p>Integrated React stateful components, CSS keyframe animations, and DOM events to create a carousel that responds to arrow keys, strokes on the touchpad, and mouse clicks.</p><figure><img src="/images/auteur-carousel.gif"/></figure><h3>Posts</h3><p>To keep code DRY, leveraged Higher Order Components and component composition to render different types of posts and new/edit forms.</p><figure><img src="/images/auteur-post_types.gif"/></figure><p>Incorporated AWS SDK to upload images to AWS S3 and persist image data to MongoDB</p><figure><img src="/images/auteur-posts.gif"/></figure><h3>Notes (Likes and Comments)</h3><p>On the backend, designed a polymorphic and extensible MongoDB schema for different note types such as likes and comments.</p><figure><img src="/images/auteur-notes.gif"/></figure><h3>Following Blogs</h3><p>Integrated React and CSS3 keyframes to animate page elements and improve user experience.</p><figure><img src="/images/auteur-following-blogs.gif"/></figure><h3>Tags and Search</h3><p>Built a search feature with autocomplete that suggests hashtags ranked by popularity. Integrated React and CSS3 Flexbox to accomplish a ‘masonry’ layout for search results.</p><figure><img src="/images/auteur-search.gif"/></figure><h3>Notifications</h3><p>Leveraged WebSockets to implement the notifications feature. Likes and comments will create real-time in-app notifications for the relevant user.</p><figure><img src="/images/auteur-notifications.gif"/></figure><h3>Chat</h3><p>Leveraged WebSockets to implement the chat feature with an online indicator.</p><figure class="figureFlex_NrWih"><img src="/images/auteur-chat.gif"/><img src="/images/auteur-online_indicator.gif"/></figure><h3>Responsive Layout</h3><p>Enabled selective rendering and responsive layout for mobile devices via CSS media query.</p><figure><img src="/images/auteur-responsive.gif"/></figure></article></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/auteur-preview","query":{},"buildId":"FeQ4UHPDNOjn-RTmaISox","nextExport":true,"autoExport":true,"isFallback":false}</script><script nomodule="" src="/_next/static/chunks/polyfills-e3f124d20a714e6dd239.js"></script><script src="/_next/static/chunks/main-5e53dfd826fb0870df0c.js" async=""></script><script src="/_next/static/chunks/webpack-147ea3ada7109f6dc0bb.js" async=""></script><script src="/_next/static/chunks/framework.abffcf18e526b7c0dbcd.js" async=""></script><script src="/_next/static/chunks/c8817c810ac732b2202d2ab097cea034b8097b3b.0aef9695673ee5c17c2c.js" async=""></script><script src="/_next/static/chunks/styles.dae767624ba255a10f93.js" async=""></script><script src="/_next/static/chunks/pages/_app-bc363205d93151ffb13d.js" async=""></script><script src="/_next/static/chunks/pages/auteur-preview-c85d25d57068ab774ba1.js" async=""></script><script src="/_next/static/FeQ4UHPDNOjn-RTmaISox/_buildManifest.js" async=""></script><script src="/_next/static/FeQ4UHPDNOjn-RTmaISox/_ssgManifest.js" async=""></script></body></html>
+							</script><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><title>Auteur Preview</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/styles.7138b2e3.chunk.css" as="style"/><link rel="stylesheet" href="/_next/static/css/styles.7138b2e3.chunk.css" data-n-g=""/><noscript data-n-css=""></noscript><link rel="preload" href="/_next/static/chunks/main-5e53dfd826fb0870df0c.js" as="script"/><link rel="preload" href="/_next/static/chunks/webpack-147ea3ada7109f6dc0bb.js" as="script"/><link rel="preload" href="/_next/static/chunks/framework.abffcf18e526b7c0dbcd.js" as="script"/><link rel="preload" href="/_next/static/chunks/c8817c810ac732b2202d2ab097cea034b8097b3b.0aef9695673ee5c17c2c.js" as="script"/><link rel="preload" href="/_next/static/chunks/styles.dae767624ba255a10f93.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/_app-bc363205d93151ffb13d.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/auteur-preview-c85d25d57068ab774ba1.js" as="script"/></head><body><div id="__next"><article class="contentWrapper_1aS_o"><h1>Auteur</h1><a class="cta_3ivKg" href="/auteur">www.suhanwijaya.com/auteur</a><p>Auteur is a full-stack web application inspired by Tumblr. It utilizes Node.js on the backend, a MongoDB database, and React.js with a Redux architectural framework on the frontend.</p><h2>Features</h2><h3>Single Page</h3><p>Auteur is a single page app that allows for quick navigation between its various components. As data is fetched from NodeJS, components are only updated when necessary.</p><h3>Carousel</h3><p>Integrated React stateful components, CSS keyframe animations, and DOM events to create a carousel that responds to arrow keys, strokes on the touchpad, and mouse clicks.</p><figure><img src="/images/auteur-carousel.gif"/></figure><h3>Posts</h3><p>To keep code DRY, leveraged Higher Order Components and component composition to render different types of posts and new/edit forms.</p><figure><img src="/images/auteur-post_types.gif"/></figure><p>Incorporated AWS SDK to upload images to AWS S3 and persist image data to MongoDB</p><figure><img src="/images/auteur-posts.gif"/></figure><h3>Notes (Likes and Comments)</h3><p>On the backend, designed a polymorphic and extensible MongoDB schema for different note types such as likes and comments.</p><figure><img src="/images/auteur-notes.gif"/></figure><h3>Following Blogs</h3><p>Integrated React and CSS3 keyframes to animate page elements and improve user experience.</p><figure><img src="/images/auteur-following-blogs.gif"/></figure><h3>Tags and Search</h3><p>Built a search feature with autocomplete that suggests hashtags ranked by popularity. Integrated React and CSS3 Flexbox to accomplish a ‘masonry’ layout for search results.</p><figure><img src="/images/auteur-search.gif"/></figure><h3>Notifications</h3><p>Leveraged WebSockets to implement the notifications feature. Likes and comments will create real-time in-app notifications for the relevant user.</p><figure><img src="/images/auteur-notifications.gif"/></figure><h3>Chat</h3><p>Leveraged WebSockets to implement the chat feature with an online indicator.</p><figure class="figureFlex_NrWih"><img src="/images/auteur-chat.gif"/><img src="/images/auteur-online_indicator.gif"/></figure><h3>Responsive Layout</h3><p>Enabled selective rendering and responsive layout for mobile devices via CSS media query.</p><figure><img src="/images/auteur-responsive.gif"/></figure></article></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/auteur-preview","query":{},"buildId":"aNCdvdwLAub2mnjnYUdxe","nextExport":true,"autoExport":true,"isFallback":false}</script><script nomodule="" src="/_next/static/chunks/polyfills-e3f124d20a714e6dd239.js"></script><script src="/_next/static/chunks/main-5e53dfd826fb0870df0c.js" async=""></script><script src="/_next/static/chunks/webpack-147ea3ada7109f6dc0bb.js" async=""></script><script src="/_next/static/chunks/framework.abffcf18e526b7c0dbcd.js" async=""></script><script src="/_next/static/chunks/c8817c810ac732b2202d2ab097cea034b8097b3b.0aef9695673ee5c17c2c.js" async=""></script><script src="/_next/static/chunks/styles.dae767624ba255a10f93.js" async=""></script><script src="/_next/static/chunks/pages/_app-bc363205d93151ffb13d.js" async=""></script><script src="/_next/static/chunks/pages/auteur-preview-c85d25d57068ab774ba1.js" async=""></script><script src="/_next/static/aNCdvdwLAub2mnjnYUdxe/_buildManifest.js" async=""></script><script src="/_next/static/aNCdvdwLAub2mnjnYUdxe/_ssgManifest.js" async=""></script></body></html>