diff --git a/public/apple-login-flow-chart.svg b/public/apple-login-flow-chart.svg
new file mode 100644
index 00000000..38e3be82
--- /dev/null
+++ b/public/apple-login-flow-chart.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<?xml-stylesheet href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" type="text/css"?>
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 0 246 814" style="max-width: 100%;" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="100%" id="graph-div" height="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><style>#graph-div{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#graph-div .error-icon{fill:#a44141;}#graph-div .error-text{fill:#ddd;stroke:#ddd;}#graph-div .edge-thickness-normal{stroke-width:1px;}#graph-div .edge-thickness-thick{stroke-width:3.5px;}#graph-div .edge-pattern-solid{stroke-dasharray:0;}#graph-div .edge-thickness-invisible{stroke-width:0;fill:none;}#graph-div .edge-pattern-dashed{stroke-dasharray:3;}#graph-div .edge-pattern-dotted{stroke-dasharray:2;}#graph-div .marker{fill:lightgrey;stroke:lightgrey;}#graph-div .marker.cross{stroke:lightgrey;}#graph-div svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#graph-div p{margin:0;}#graph-div .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#graph-div .cluster-label text{fill:#F9FFFE;}#graph-div .cluster-label span{color:#F9FFFE;}#graph-div .cluster-label span p{background-color:transparent;}#graph-div .label text,#graph-div span{fill:#ccc;color:#ccc;}#graph-div .node rect,#graph-div .node circle,#graph-div .node ellipse,#graph-div .node polygon,#graph-div .node path{fill:#1f2020;stroke:#ccc;stroke-width:1px;}#graph-div .rough-node .label text,#graph-div .node .label text,#graph-div .image-shape .label,#graph-div .icon-shape .label{text-anchor:middle;}#graph-div .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#graph-div .rough-node .label,#graph-div .node .label,#graph-div .image-shape .label,#graph-div .icon-shape .label{text-align:center;}#graph-div .node.clickable{cursor:pointer;}#graph-div .root .anchor path{fill:lightgrey!important;stroke-width:0;stroke:lightgrey;}#graph-div .arrowheadPath{fill:lightgrey;}#graph-div .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#graph-div .flowchart-link{stroke:lightgrey;fill:none;}#graph-div .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#graph-div .edgeLabel p{background-color:hsl(0, 0%, 34.4117647059%);}#graph-div .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#graph-div .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#graph-div .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#graph-div .cluster text{fill:#F9FFFE;}#graph-div .cluster span{color:#F9FFFE;}#graph-div div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#graph-div .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#graph-div rect.text{fill:none;stroke-width:0;}#graph-div .icon-shape,#graph-div .image-shape{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#graph-div .icon-shape p,#graph-div .image-shape p{background-color:hsl(0, 0%, 34.4117647059%);padding:2px;}#graph-div .icon-shape rect,#graph-div .image-shape rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#graph-div :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="graph-div_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="graph-div_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="graph-div_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="graph-div_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="graph-div_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="graph-div_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#graph-div_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0" d="M123,62L123,68.167C123,74.333,123,86.667,123,95.917C123,105.167,123,111.333,123,116.833C123,122.333,123,127.167,123,129.583L123,132"></path><path marker-end="url(#graph-div_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_1" d="M123,190L123,196.167C123,202.333,123,214.667,123,223.917C123,233.167,123,239.333,123,244.833C123,250.333,123,255.167,123,257.583L123,260"></path><path marker-end="url(#graph-div_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_D_2" d="M123,318L123,322.167C123,326.333,123,334.667,123,340.917C123,347.167,123,351.333,123,354.833C123,358.333,123,361.167,123,362.583L123,364"></path><path marker-end="url(#graph-div_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_D_E_3" d="M123,422L123,430.167C123,438.333,123,454.667,123,466.917C123,479.167,123,487.333,123,494.833C123,502.333,123,509.167,123,512.583L123,516"></path><path marker-end="url(#graph-div_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_E_F_4" d="M123,598L123,602.167C123,606.333,123,614.667,123,620.917C123,627.167,123,631.333,123,634.833C123,638.333,123,641.167,123,642.583L123,644"></path><path marker-end="url(#graph-div_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_F_G_5" d="M123,702L123,706.167C123,710.333,123,718.667,123,724.917C123,731.167,123,735.333,123,738.833C123,742.333,123,745.167,123,746.583L123,748"></path></g><g class="edgeLabels"><g transform="translate(123, 99)" class="edgeLabel"><g transform="translate(-77.08984375, -12)" class="label"><foreignObject height="24" width="154.1796875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Handled in the plugin</p></span></div></foreignObject></g></g><g transform="translate(123, 227)" class="edgeLabel"><g transform="translate(-44.5390625, -12)" class="label"><foreignObject height="24" width="89.078125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Pass the link</p></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g transform="translate(123, 471)" class="edgeLabel"><g transform="translate(-100, -24)" class="label"><foreignObject height="48" width="200"><div style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Apple redirects to your backend</p></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(123, 35)" id="flowchart-A-24" class="node default"><rect height="54" width="206.625" y="-27" x="-103.3125" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-88.3125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="176.625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>await SocialLogin.login()</p></span></div></foreignObject></g></g><g transform="translate(123, 163)" id="flowchart-B-25" class="node default"><rect height="54" width="197.4140625" y="-27" x="-98.70703125" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-83.70703125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="167.4140625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Generate the login URL</p></span></div></foreignObject></g></g><g transform="translate(123, 291)" id="flowchart-C-27" class="node default"><rect height="54" width="217.609375" y="-27" x="-108.8046875" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-93.8046875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="187.609375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Open the Chrome browser</p></span></div></foreignObject></g></g><g transform="translate(123, 395)" id="flowchart-D-29" class="node default"><rect height="54" width="210.421875" y="-27" x="-105.2109375" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-90.2109375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="180.421875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Wait for the user to login</p></span></div></foreignObject></g></g><g transform="translate(123, 559)" id="flowchart-E-31" class="node default"><rect height="78" width="230" y="-39" x="-115" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-100, -24)" style="" class="label"><rect></rect><foreignObject height="48" width="200"><div style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Handle the data returned from Apple</p></span></div></foreignObject></g></g><g transform="translate(123, 675)" id="flowchart-F-33" class="node default"><rect height="54" width="207.6484375" y="-27" x="-103.82421875" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-88.82421875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="177.6484375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Redirect back to the app</p></span></div></foreignObject></g></g><g transform="translate(123, 779)" id="flowchart-G-35" class="node default"><rect height="54" width="117.328125" y="-27" x="-58.6640625" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-43.6640625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="87.328125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Return to JS</p></span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/public/social_login_plugin_blog.webp b/public/social_login_plugin_blog.webp
new file mode 100644
index 00000000..ef9f47aa
Binary files /dev/null and b/public/social_login_plugin_blog.webp differ
diff --git a/src/content/blog/capacitor-social-login-release.md b/src/content/blog/capacitor-social-login-release.md
new file mode 100644
index 00000000..594bab46
--- /dev/null
+++ b/src/content/blog/capacitor-social-login-release.md
@@ -0,0 +1,46 @@
+---
+slug: "Release-of-a-brand-new-capacitor-social-login"
+title: Release of a brand new Capacitor Social Login plugin
+author: WcaleNieWolny
+author_url: https://github.com/WcaleNieWolny/WcaleNieWolny
+created_at: 2024-10-08
+updated_at: 2024-10-08
+head_image: "/social_login_plugin_blog.webp"
+head_image_alt: Capgo organization system illusatration
+tag: Capacitor
+published: true
+next_blog: ""
+---
+
+# Introduction
+
+Hey, I am Michael ([WcaleNieWolny](https://github.com/WcaleNieWolny)) 👋,
+
+After a month of hard (and a bit painful 🙃) work, I am pleased to announce the first release of the Capacitor Social Login. This plugin is designed to assist in handling both Google and Apple Login on iOS and Android. Furthermore, together with Martin, we have been working on some unique features that include:
+
+ - The introduction of Login with Apple on Android 
+ - The adoption of the new Google Credentials API
+ - The addition of detailed documentation
+
+# Login with Apple on Android
+
+First, let’s discuss the major innovation of ‘Login with Apple’ on Android. This was non-trivial, as Apple’s SDK doesn’t provide this functionality. I used [this article](https://johncodeos.com/how-to-add-sign-in-with-apple-button-to-your-android-app-using-kotlin/) as my reference point, but I changed it a little in order to make it more secure. The flow I ended up looks like this:
+
+<figure><img style="margin-left: auto;margin-right: auto;max-height: 600px !important;" src="/apple-login-flow-chart.svg" alt="Apple Login flow chart" /><figcaption></figcaption></figure> 
+
+Unfortunately, it requires a backend and some modifications to your’s app code, but it’s the best I could do.
+
+# Refreshed Google Login on Android
+
+Next, I attempted to implement Google Login on Android. As it turns out, [CodetrixStudio’s CapacitorGoogleAuth](https://github.com/CodetrixStudio/CapacitorGoogleAuth) uses a [soon-to-be deprecated GMS library](https://developer.android.com/identity/sign-in/legacy-gsi-migration#authorization). As a result of this GMS library being considered legacy, I decided to use the [CredentialManager](https://developer.android.com/identity/sign-in/credential-manager-siwg). This helped simply the login flow and it removed the annoying [error 10](https://github.com/CodetrixStudio/CapacitorGoogleAuth/issues/332) 🎉
+
+# Documentation
+
+Lastly, I wrote some amazing ✨ documentation. I spent a lot of time making sure that the docs were accurate and extensive.
+The docs include a detailed guide on setting both Apple and Google. I also provided an [example backend](https://github.com/WcaleNieWolny/capgo-social-login-backend-demo) for Login with Apple 🍎
+
+Feel free to check out the [Apple](https://github.com/Cap-go/capacitor-social-login/blob/main/docs/setup_apple.md) and [Google](https://github.com/Cap-go/capacitor-social-login/blob/main/docs/setup_google.md) guides!
+
+# Conclusion
+
+In conclusion, the Capacitor Social Login plugin introduces a lot of new and exciting features with more to come in the future 🚀
\ No newline at end of file