diff --git a/README.md b/README.md index 59f4561..28e5c6e 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# adarshaacharya.com.np +# adarsha.dev This is my personal website and blog built using: @@ -12,8 +12,8 @@ This is my personal website and blog built using: This application requires Node.js v16.13+. ```bash -git clone https://github.com/adarshaacharya/adarshaacharya.com.np -cd adarshaacharya.com.np +git clone https://github.com/adarshaacharya/adarsha.dev +cd adarsha.dev pnpm install pnpm dev ``` @@ -26,7 +26,7 @@ If you want to use this project code as your own portfolio , you can go ahead. P ## Author -- Website: https://adarshaacharya.com.np/ +- Website: https://adarsha.dev/ - X: [@adarsha_ach](https://x.com/adarsha_ach) - Github: [@adarshaacharya](https://github.com/adarshaacharya) - LinkedIn: [@adarshaacharya](https://linkedin.com/in/adarshaacharya) @@ -37,4 +37,4 @@ Give a ⭐️ if you like the project! Copyright © 2020 [Aadarsha Acharya](https://github.com/adarshaacharya).
-This project is [MIT](https://github.com/adarshaacharya/adarshaacharya.com.np/blob/master/LICENSE) licensed. +This project is [MIT](https://github.com/adarshaacharya/adarsha.dev/blob/master/LICENSE) licensed. diff --git a/package.json b/package.json index be2a294..fc8b494 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,8 @@ "@types/react": "18.2.33", "@types/react-dom": "18.2.7", "autoprefixer": "10.4.15", + "class-transformer": "^0.5.1", + "class-validator": "^0.14.1", "clsx": "^2.0.0", "contentlayer": "^0.3.4", "eslint": "8.52.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index c9896fc..502edc5 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -23,6 +23,12 @@ dependencies: autoprefixer: specifier: 10.4.15 version: 10.4.15(postcss@8.4.29) + class-transformer: + specifier: ^0.5.1 + version: 0.5.1 + class-validator: + specifier: ^0.14.1 + version: 0.14.1 clsx: specifier: ^2.0.0 version: 2.0.0 @@ -1190,6 +1196,10 @@ packages: resolution: {integrity: sha512-MFETx3tbTjE7Uk6vvnWINA/1iJ7LuMdO4fcq8UfF0pRbj01aGLduVvQcRyswuACJdpnHgg8E3rQLhaRdNEJS0w==} dev: false + /@types/validator@13.11.10: + resolution: {integrity: sha512-e2PNXoXLr6Z+dbfx5zSh9TRlXJrELycxiaXznp4S5+D2M3b9bqJEitNHA5923jhnB2zzFiZHa2f0SI1HoIahpg==} + dev: false + /@typescript-eslint/parser@6.6.0(eslint@8.52.0)(typescript@5.2.2): resolution: {integrity: sha512-setq5aJgUwtzGrhW177/i+DMLqBaJbdwGj2CPIVFFLE0NCliy5ujIdLHd2D1ysmlmsjdL2GWW+hR85neEfc12w==} engines: {node: ^16.0.0 || >=18.0.0} @@ -1567,6 +1577,18 @@ packages: optionalDependencies: fsevents: 2.3.3 + /class-transformer@0.5.1: + resolution: {integrity: sha512-SQa1Ws6hUbfC98vKGxZH3KFY0Y1lm5Zm0SY8XX9zbK7FJCyVEac3ATW0RIpwzW+oOfmHE5PMPufDG9hCfoEOMw==} + dev: false + + /class-validator@0.14.1: + resolution: {integrity: sha512-2VEG9JICxIqTpoK1eMzZqaV+u/EiwEJkMGzTrZf6sU/fwsnOITVgYJ8yojSy6CaXtO9V0Cc6ZQZ8h8m4UBuLwQ==} + dependencies: + '@types/validator': 13.11.10 + libphonenumber-js: 1.11.2 + validator: 13.12.0 + dev: false + /client-only@0.0.1: resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==} dev: false @@ -3089,6 +3111,10 @@ packages: type-check: 0.4.0 dev: false + /libphonenumber-js@1.11.2: + resolution: {integrity: sha512-V9mGLlaXN1WETzqQvSu6qf6XVAr3nFuJvWsHcuzCCCo6xUKawwSxOPTpan5CGOSKTn5w/bQuCZcLPJkyysgC3w==} + dev: false + /lilconfig@2.1.0: resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==} engines: {node: '>=10'} @@ -5063,6 +5089,11 @@ packages: sade: 1.8.1 dev: false + /validator@13.12.0: + resolution: {integrity: sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==} + engines: {node: '>= 0.10'} + dev: false + /vfile-location@4.1.0: resolution: {integrity: sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==} dependencies: diff --git a/public/_static/blog-og-card.png b/public/_static/blog-og-card.png index 424fce3..f7b3da0 100644 Binary files a/public/_static/blog-og-card.png and b/public/_static/blog-og-card.png differ diff --git a/public/_static/default-og-card.png b/public/_static/default-og-card.png index cb82a90..6b30a90 100644 Binary files a/public/_static/default-og-card.png and b/public/_static/default-og-card.png differ diff --git a/src/app/head.tsx b/src/app/head.tsx index be1c71a..829a811 100644 --- a/src/app/head.tsx +++ b/src/app/head.tsx @@ -37,6 +37,10 @@ export default function Head() { /> + ); } diff --git a/src/content/aws-s3-nestjs.mdx b/src/content/aws-s3-nestjs.mdx index 4168657..4e1e12c 100644 --- a/src/content/aws-s3-nestjs.mdx +++ b/src/content/aws-s3-nestjs.mdx @@ -497,7 +497,7 @@ Refer the below screenshots to test the API using Postman. You might seen different response format in the Postman as compared to the screenshot above, as I've formatted response. If you want to -learn how to format the response in NestJS, you can refer to my previous article on [Format Nest.js Response using Interceptors](https://adarshaacharya.com.np/blog/format-nestjs-response). +learn how to format the response in NestJS, you can refer to my previous article on [Format Nest.js Response using Interceptors](https://adarsha.dev/blog/format-nestjs-response). --- diff --git a/src/content/gatsby-social-card.mdx b/src/content/gatsby-social-card.mdx index d6912d2..e4ff00c 100644 --- a/src/content/gatsby-social-card.mdx +++ b/src/content/gatsby-social-card.mdx @@ -5,7 +5,7 @@ publishedAt: 2020-09-25 type: Blog --- -So, a few months back I was building my [portfolio site](http://adarshaacharya.com.np/) which you are in right now. Almost everything was completed, integrated blog, added some SEO stuff _(although I'm very bad at it).😳_ While I was checking the preview of my site on twitter I noticed that preview wasn't that good — it was just a blank link with some meta-description. I used to think Twitter would automatically generate social cards for my site 🤪. +So, a few months back I was building my [portfolio site](http://adarsha.dev/) which you are in right now. Almost everything was completed, integrated blog, added some SEO stuff _(although I'm very bad at it).😳_ While I was checking the preview of my site on twitter I noticed that preview wasn't that good — it was just a blank link with some meta-description. I used to think Twitter would automatically generate social cards for my site 🤪. I used to see [dev.to](https://dev.to/) articles shared quite often on social media, which previewed social cards with author name, title, social media links, neat background with focused title. @@ -39,7 +39,7 @@ yarn add @jlengstorf/get-share-image You should also install [react-helmet](https://www.gatsbyjs.com/plugins/gatsby-plugin-react-helmet/#install) as we will be injecting cards as Seo using this plugin. > We will be using Gatsby site as the example in this project you can use it with CRA or in Next.js site too. -> You can see the the example used in [this site source code](https://github.com/adarshaacharya/adarshaacharya.com.np/blob/master/src/components/Seo/Seo.js) and follow along. +> You can see the the example used in [this site source code](https://github.com/adarshaacharya/adarsha.dev/blob/master/src/components/Seo/Seo.js) and follow along. --- @@ -85,7 +85,7 @@ const socialImage = getShareImage({ It will return the URL of website-card from cloudinary for the website pages. -You can modify and add the above properties by checking the [options in the docs](https://github.com/jlengstorf/get-share-image#options) , I've added a bit more in my site [check source code here](https://github.com/adarshaacharya/adarshaacharya.com.np/blob/c229d6341ae76d0c49b5cd6e969640aee44e799c/src/components/Seo/Seo.js#L15). +You can modify and add the above properties by checking the [options in the docs](https://github.com/jlengstorf/get-share-image#options) , I've added a bit more in my site [check source code here](https://github.com/adarshaacharya/adarsha.dev/blob/c229d6341ae76d0c49b5cd6e969640aee44e799c/src/components/Seo/Seo.js#L15). ## Social Card for Blog Post @@ -107,10 +107,10 @@ const socialImage = getShareImage({ }); ``` -You can modify and add the above properties by checking the [options in the docs](https://github.com/jlengstorf/get-share-image#options) , I've added a bit more in my site check [source code here](https://github.com/adarshaacharya/adarshaacharya.com.np/blob/c229d6341ae76d0c49b5cd6e969640aee44e799c/src/components/Seo/Seo.js#L31). +You can modify and add the above properties by checking the [options in the docs](https://github.com/jlengstorf/get-share-image#options) , I've added a bit more in my site check [source code here](https://github.com/adarshaacharya/adarsha.dev/blob/c229d6341ae76d0c49b5cd6e969640aee44e799c/src/components/Seo/Seo.js#L31). > You have notice two major object properties in above code that's title and tagline. What's that ? 🤔 -> These are dynamically generated tags & title for each blog post. Honestly, I've to make new post regarding SEO using Helmet which isn't possible in this post. You can check [source code](https://github.com/adarshaacharya/adarshaacharya.com.np/blob/c229d6341ae76d0c49b5cd6e969640aee44e799c/src/components/Seo/Seo.js) I'm pretty sure you will get it. 🧠 +> These are dynamically generated tags & title for each blog post. Honestly, I've to make new post regarding SEO using Helmet which isn't possible in this post. You can check [source code](https://github.com/adarshaacharya/adarsha.dev/blob/c229d6341ae76d0c49b5cd6e969640aee44e799c/src/components/Seo/Seo.js) I'm pretty sure you will get it. 🧠 --- @@ -169,4 +169,4 @@ Also, learn by reading source code, docs. Check below resources & source code of - [learnwithjason.dev source code](https://github.com/jlengstorf/learnwithjason.dev) -- [adarshaacharya.com.np source code](https://github.com/adarshaacharya/portfolio-v2) +- [adarsha.dev source code](https://github.com/adarshaacharya/portfolio-v2) diff --git a/src/content/serialize-response-nestjs.mdx b/src/content/serialize-response-nestjs.mdx index 1fbefda..074db4a 100644 --- a/src/content/serialize-response-nestjs.mdx +++ b/src/content/serialize-response-nestjs.mdx @@ -7,7 +7,7 @@ publishedAt: 2024-04-30 This is the second part of the series where we will learn to transform and serialize api response. -In the previous article I've covered how to make uniform/standard response structure for api response in Nest.js if you haven't checked [you can read here](https://www.adarshaacharya.com.np/blog/format-nestjs-response). +In the previous article I've covered how to make uniform/standard response structure for api response in Nest.js if you haven't checked [you can read here](https://www.adarsha.dev/blog/format-nestjs-response). Final outcome was like this: diff --git a/src/data/siteMetadata.ts b/src/data/siteMetadata.ts index a5843d8..41ecf3f 100644 --- a/src/data/siteMetadata.ts +++ b/src/data/siteMetadata.ts @@ -1,12 +1,12 @@ export const siteMetadata = { title: "Aadarsha Acharya", author: "Aadarsha Acharya", - siteUrl: "https://adarshaacharya.com.np", + siteUrl: "https://adarsha.dev", socialBanner: "/_static/default-og-card.png", description: "Aadarsha Acharya - Fullstack developer passionate about creating and sharing things on internet", keywords: [ - `Aadarsha Acharya, Aadarsha, Acharya, adarshaacharya, Adarsha Acharya, Adarsha, Acharya, adarshaacharya.com.np`, + `Aadarsha Acharya, Aadarsha, Acharya, adarshaacharya, Adarsha Acharya, Adarsha, Acharya, adarsha.dev`, ], social: { email: "adarshaofficial@gmail.com",