Merge pull request #2 from alpozkanm/action

Action

app/about/page.tsx

@@ -101,7 +101,7 @@ export default async function AboutPage() {
 
       <Photos />
 
-      <section className="my-16 px-4 lg:my-32">
+      <section className="my-8 px-4 lg:my-8">
         <h2 className="mb-8 text-2xl font-bold text-gray-100 md:text-3xl lg:text-4xl">
           Recently played
         </h2>

app/blog/[slug]/page.tsx

@@ -69,12 +69,12 @@ export default async function BlogPost({
       </header>
       <section
         itemProp="articleBody"
-        className="prose mx-auto my-16 px-4 dark:prose-invert lg:prose-lg prose-a:text-sky-300 lg:my-32"
+        className="prose mx-auto my-8 px-4 dark:prose-invert lg:prose-lg prose-a:text-sky-300 lg:my-8"
       >
-        {/* className="mx-auto my-16 max-w-5xl px-4 lg:my-32" */}
+        {/* className="mx-auto my-8 max-w-5xl px-4 lg:my-8" */}
         <Mdx code={post.body.code} />
       </section>
-      <footer className="mx-auto my-16 max-w-7xl sm:my-24 lg:my-32">
+      <footer className="mx-auto my-8 max-w-7xl sm:my-12 lg:my-8">
         <NewsletterSignup />
       </footer>
     </article>

app/page.tsx

@@ -20,16 +20,16 @@ export default function Home() {
 
   return (
     <>
-      <section className="my-16 sm:my-24 lg:my-32">
+      <section className="my-8 sm:my-12 lg:my-8">
         <Aloha />
       </section>
-      <div className="my-32 sm:my-48 lg:my-64">
+      <div className="my-8 sm:my-48 lg:my-64">
         <div className="mx-auto max-w-7xl px-4">
           <h2 className="my-8 text-3xl font-bold tracking-tight text-gray-100 sm:text-4xl">
             Recent posts
           </h2>
           <Posts posts={posts} />
-          <p className="my-16 md:text-lg lg:text-xl">
+          <p className="my-8 md:text-lg lg:text-xl">
             <Link
               className="font-bold text-gray-100 hover:text-white"
               href="/blog"
@@ -40,7 +40,7 @@ export default function Home() {
         </div>
       </div>
 
-      <section className="my-16 sm:my-24 lg:my-32" id="newsletter-signup">
+      <section className="my-8 sm:my-12 lg:my-8" id="newsletter-signup">
         <NewsletterSignup />
       </section>
     </>

components/aloha.tsx

@@ -17,7 +17,7 @@ export default function Aloha() {
         .
       </p>
       <Image
-        className="my-8 animate-tada rounded-xl sm:my-16 sm:rounded-2xl"
+        className="my-8 animate-tada rounded-xl sm:my-8 sm:rounded-2xl"
         src={image}
         alt="Alp Ozkan"
         width={300}

components/posts.tsx

@@ -1,5 +1,6 @@
 import { Post } from "~/.contentlayer/generated";
 import Date from "~/components/date";
+import Image from "next/image";
 
 export default function Posts({ posts }: { posts: Post[] }) {
   return (
@@ -10,8 +11,17 @@ export default function Posts({ posts }: { posts: Post[] }) {
             <Date dateString={post.date} />
           </div>
           <h3 className="mt-3 text-xl font-bold leading-6 text-gray-100">
-            <a href={`/blog/${post.slug}`}>{post.title}</a>
+            <a href={`https://medium.com/@alpozkanm/${post.slug}`}>
+              {post.title}
+            </a>
           </h3>
+          {post.image && (
+            <div
+              style={{ width: "200px", position: "relative", height: "100px" }}
+            >
+              <Image fill={true} src={post.image} alt={post.title} />
+            </div>
+          )}
           <p className="mt-3">{post.description}</p>
         </article>
       ))}

contentlayer.config.js

@@ -4,7 +4,7 @@ import rehypePrettyCode from "rehype-pretty-code";
 
 export const Post = defineDocumentType(() => ({
   name: "Post",
-  filePathPattern: `**/*.mdx`,
+  filePathPattern: `**/*.{md,mdx}`,
   contentType: "mdx",
   fields: {
     title: {
@@ -22,6 +22,11 @@ export const Post = defineDocumentType(() => ({
       description: "The description of the post",
       required: true,
     },
+    image: {
+      type: "string",
+      description: "The image of the post",
+      required: true,
+    },
   },
   computedFields: {
     slug: {

cypress.config.ts

@@ -2,6 +2,6 @@ import { defineConfig } from "cypress";
 
 export default defineConfig({
   e2e: {
-    baseUrl: "http://localhost:3000",
+    baseUrl: "http://www.alpozkan.info",
   },
 });

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "www.alpozkan.info",
+  "name": "jpreagan.com",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -11,8 +11,8 @@
     "check-format": "prettier --check --ignore-unknown .",
     "cypress:open": "cypress open",
     "cypress:run": "cypress run",
-    "test:e2e": "start-server-and-test dev http://localhost:3000 cypress:open",
-    "test:e2e:ci": "start-server-and-test dev http://localhost:3000 cypress:run",
+    "test:e2e": "start-server-and-test dev http://www.alpozkan.info cypress:open",
+    "test:e2e:ci": "start-server-and-test dev http://www.alpozkan.info cypress:run",
     "validate": "npm-run-all --parallel lint typecheck check-format build"
   },
   "dependencies": {
@@ -21,7 +21,6 @@
     "clsx": "^1.2.1",
     "contentlayer": "^0.3.2",
     "date-fns": "^2.29.3",
-    "encoding": "^0.1.13",
     "graphql": "^16.6.0",
     "graphql-request": "^6.0.0",
     "next": "13.3.2",

posts/Exploring-the-Differences-Between-DeFi-and-Traditional-Finance-22e9c8edf0ae.md

@@ -0,0 +1,85 @@
+---
+title: Exploring the Differences Between DeFi and Traditional Finance
+description: >-
+  Traditional finance is centralized and controlled by intermedies, while DeFi
+  is decentralized and controlled by users.
+date: "2023-03-29T20:25:05.622Z"
+categories: []
+keywords: []
+slug: /@alpozkanm/exploring-the-differences-between-defi-and-traditional-finance-22e9c8edf0ae
+image: "/img/1__1IUSdP40jRudvW5e1HmM3Q.jpeg"
+---
+
+Second chapter arrived...
+
+Decentralized finance, or DeFi, is a new revolution in finance that is based on blockchain technology. Unlike traditional finance, which relies on centralized institutions like banks and financial intermediaries, DeFi is decentralized and allows users to transact directly with each other using blockchain-based apps.
+
+In this chapter, we will explore the key differences between DeFi and traditional finance, and explore the upsides and downsides of each system.
+
+![](/Users/alpozkan/Documents/nodeprojects/posts/md_1694207836573/img/1__1IUSdP40jRudvW5e1HmM3Q.jpeg)
+
+**The Basics of Traditional Finance**
+
+Traditional finance is a centralized system that relies on banks and other financial institutions to facilitate transactions and manage financial assets. Banks act as intermediaries between individuals and businesses, and they provide a wide range of financial services, including loans, savings accounts, and investment management.
+
+In traditional finance, transactions are processed using centralized systems such as SWIFT or Fedwire. These systems are controlled by a small number of centralized institutions, and transactions can take several days to process.
+
+**The Basics of DeFi**
+
+DeFi, on the other hand, is a decentralized system that allows users to transact directly with each other using blockchain technology. DeFi applications are built on top of blockchain networks like Ethereum, and they use smart contracts to automate financial transactions.
+
+In DeFi, there are no intermediaries like banks, and users have more control over their own financial assets. Because DeFi is based on blockchain technology, transactions can be processed more quickly and at a lower cost than traditional finance.
+
+**Comparing DeFi and Traditional Finance**
+
+Here are some main differences between DeFi and traditional finance:
+
+- Centralization vs. Decentralization
+
+Traditional finance is centralized, with a small number of institutions controlling the system. DeFi, on the other side, is decentralized, with users processing transactions directly with each other and also with smart contracts.
+
+- Intermediaries vs. Peer-to-Peer
+
+Traditional finance relies on intermediaries like banks to perform transactions. DeFi allows users to transact directly with each other, eliminating the need for intermediaries.
+
+- Transaction Speed
+
+Because DeFi transactions are processed using blockchain technology, they can be finalized more quickly than traditional finance transactions, which can take several days to process.
+
+- Cost
+
+DeFi transactions are generally cheaper than traditional finance transactions with some exceptions, which involve fees for intermediaries like banks.
+
+- Security
+
+DeFi transactions are highly secure because they are based on blockchain technology, which uses cryptography and decentralized consensus mechanisms to ensure the integrity of the network. Additionally, when it comes to security smart contracts that users interact with rely on the audit of the smart contract. They can be also vulnerable to hacking. Traditional finance transactions are also secure, but they rely on centralized systems that are vulnerable to hacking and other forms of cyber attack.
+
+**Advantages and Disadvantages of DeFi and Traditional Finance**
+
+Here are some of the pros and cons of DeFi and traditional finance:
+
+Advantages of DeFi:
+
+- Decentralization gives users more control over their own financial assets.
+- Transactions can be processed more quickly and at a lower cost than traditional finance.
+
+DeFi is more accessible to people who are unbanked or underbanked.
+
+Disadvantages of DeFi:
+
+- DeFi is still a relatively new technology, and there are risks associated with using it.
+- The lack of intermediaries can make it more difficult to resolve disputes or recover lost funds.
+
+Advantages of Traditional Finance:
+
+- Traditional finance is well-established and has a track record of success.
+- Intermediaries like banks provide a level of security and trust.
+
+Disadvantages of Traditional Finance:
+
+- Transactions can be slow and expensive.
+- The centralized nature of traditional finance can be vulnerable to corruption and fraud.
+
+If you have anything on your mind, please leave a comment.
+
+Hope you enjoyed reading the second chapter.

posts/beyond-traditional-banking-delving-into-the-world-of-defi-ad5aac573cf.md

@@ -0,0 +1,42 @@
+---
+title: "Beyond Traditional Banking: Delving into the World of DeFi"
+description: >-
+  DeFi is finance without traditional institutions. It uses blockchain
+  technology and works without intermediaries like banks.
+date: "2023-03-18T20:40:27.272Z"
+categories: []
+keywords: []
+slug: /@alpozkanm/the-defi-revolution-fundamentals-ad5aac573cf
+image: "/img/1_P9ZVl-Pea4SAF1R1Mo9Qow.jpg"
+---
+
+This article may lead to a series of posts about how blockchain is transforming finance, I hope you enjoy the first chapter.
+
+DeFi is a new and exciting way to access financial services and products that are not controlled by traditional institutions. In other words, it’s finance without the banks! Essentially, DeFi refers to a financial system that is built on blockchain technology and actually works without the need for intermediaries like banks, brokers, or exchanges. In this article, we will explore the fundamentals of DeFi and why it is becoming such an important milestone in the financial world.
+
+**What is it**?
+
+At its core, DeFi is about creating a financial system that is open, transparent, and accessible to everyone, regardless of their location or financial status. By leveraging blockchain technology, DeFi provides a way for financial transactions to be performed in a peer-to-peer way, avoiding the need for intermediaries or trusted third parties.
+
+The core features of DeFi are decentralized applications (dApps) and smart contracts. dApps are software programs running on blockchain technology, and smart contracts are self-executing contracts with the terms of the agreement directly written into code. These technologies work together to enable DeFi apps to function autonomously with no need for intermediaries.
+
+**Why is it important?**
+
+DeFi is crucial for a number of reasons. By providing people more power over their own money, it has the ability to democratize finance in the first place. Financial institutions serve as gatekeepers and regulate the flow of money in traditional finance, which can limit access for many people. With DeFi, anyone with an internet connection can participate in the financial system, regardless of their location or financial status.
+
+Second, compared to conventional finance, DeFi is more transparent. All transactions are recorded on a public ledger that anybody can audit because DeFi applications are built on blockchain technology. This level of transparency makes it more difficult for fraudulent or illegal activities to take place.
+
+Third, DeFi is more efficient than traditional finance. Because it operates without intermediaries, transactions can be processed more rapidly and for a lower cost. This can lead to faster settlement times, lower fees, and eventually, a more efficient financial system.
+
+**Examples of DeFi Applications**
+
+DeFi apps come in a variety of forms, each with special features and advantages. Some of the most popular DeFi applications include:
+
+- Decentralized exchanges (DEXs): DEXs are platforms that allow users to trade cryptocurrencies without the need for intermediaries. They use smart contracts to execute trades and manage orders. The most known platforms are Uniswap, Curve Finance, PancakeSwap, and Sushiswap.
+- Decentralized lending and borrowing platforms: These platforms allow users to lend or borrow cryptocurrency without the need for a traditional financial institution. They use smart contracts to manage loans and interest rates. The most known platforms are Aave, MakerDAO, Compound Finance, and JustLend.
+- Stablecoins: Stablecoins are cryptocurrencies that are pegged to a stable asset like the US dollar. They are used to provide stability and reduce volatility in the cryptocurrency markets. The most known stablecoins are USDT, USDC, BUSD, DAI, TUSD, and FRAX.
+- Decentralized asset management platforms: These platforms allow users to invest in a range of assets, including cryptocurrencies, stocks, and commodities, using smart contracts. The most known platforms are Zapper, DefiSaver, and Zerion.
+
+Decentralized finance is a rapidly growing sector of the financial industry that is changing the way we think about money and finance. By leveraging blockchain technology and smart contracts, DeFi is making finance more open, transparent, and accessible to everyone. As more people become aware of the potential benefits of DeFi, we can expect to see continued growth and innovation in this exciting new sector.
+
+If you have anything on your mind, please leave a comment.