DEV Community: ImranParthib

From Custom Domain to Vercel Subdomain: How I Recovered My SEO Rankings

ImranParthib — Thu, 24 Jul 2025 06:46:30 +0000

When my .me domain expired, I thought my SEO was doomed. Here's how I rebuilt my search presence on a Vercel subdomain and the lessons I learned.

Picture this:

You’ve spent months perfecting your portfolio. Your SEO is dialed in, and your custom domain imranparthib.me is ranking beautifully on Google. Things are looking great, right?

I got that domain thanks to the GitHub Student Developer Pack. You can grab a .me, .tech, or .live domain for free for one year — pretty sweet deal, right?

Then... life happens. And just like that, my domain expired.
One minute I was cruising along, and the next — my carefully built online presence vanished from search results.

I suddenly found myself with a new home:
imranparthib.vercel.app — and zero SEO authority.

🤞 The Naive Hope

My first thought?

“I’ll just update my metadata.js file, and Google will figure it out.”

// What I thought would work 🤔
export const siteConfig = {
  name: "Imran Parthib",
  url: "https://imranparthib.vercel.app", // Just change this, right?
  // ...rest of config
};

Spoiler alert: It wasn’t as simple as I thought... 😅

Weeks went by, and my site was still nowhere to be found on Google.

After digging into it, here’s what I realized:
Google saw imranparthib.vercel.app as a completely new website.

That meant Google had to rediscover it, crawl it, and index it from scratch.

Why This Matters for Developers:

1. Authority Reset: I lost all SEO history and trust signals.
2. Subdomain Treatment: Google treats subdomains like separate sites, so my new Vercel subdomain started from scratch.
3. Fresh Start: My site was like a brand new website with zero domain authority.

✅ The Solution: Proper SEO Setup for Vercel Subdomains
Here’s what actually worked for me:

Add Your Site to Google Search Console (The Right Way)

✅ Use the URL Prefix method: https://yourname.vercel.app
❌ Don’t use the Domain Property method — it doesn’t work for .vercel.app subdomains.

Verify Using an HTML Meta Tag I used my metadata.js to insert the verification tags:

export const defaultMetadata = {
  // ... other metadata
  verification: {
    google: "your-google-verification-code",
    bing: "your-bing-verification-code",
  },
};

Submit Sitemap.xml

In Google Search Console:
- Go to Sitemaps
- Enter sitemap.xml
- Click Submit

Manual Indexing for Key Pages Use the "URL Inspection" tool in GSC:

/
/about
/projects
/blog

Request indexing manually for each important page.

Bonus: Bing Webmaster Tools 💡 If you’ve verified with Google Search Console, you can import directly into Bing — no need for extra verification.

📆 Results Timeline
Here’s how things played out for me:

Time What Happened
✅ Day 1 Verification successful
✅ Day 2–3 First crawling detected
✅ Week 1–2 Main pages indexed
✅ Week 3–4 Started ranking in Google again 🎉

✅ Vercel Subdomain SEO Checklist

You can copy and use this in your own project README:

Add site to Google Search Console (URL Prefix method)
Verify using HTML meta tag
Submit sitemap.xml
Request indexing for key pages
Import into Bing Webmaster Tools
Optimize metadata with relevant keywords
Monitor progress via Search Console
Publish quality content consistently

🧠 Final Thoughts
Losing my custom domain felt like a disaster, but it turned into a huge learning experience.

Sure, your domain might change — but your online presence doesn’t have to disappear if you follow the right steps.
Vercel subdomains can rank, but it requires patience and the proper setup.

👨‍💻 About Me
I'm Imran Parthib, a React & Next.js developer focused on building performant web applications.

🌐 Portfolio: imranparthib.vercel.app
🐙 GitHub: Imran Parthib
💼 LinkedIn:Imran Parthib

# JavaScript ES6 Features

ImranParthib — Fri, 20 Sep 2024 14:57:13 +0000

JavaScript ES6 Features

ES6 (ECMAScript 2015) introduced several powerful features that make JavaScript more modern and easier to work with. Below are some of the key features:

1. Let and Const

let: Block-scoped variable declaration, used for variables that can be reassigned.
const: Block-scoped variable declaration for variables that should not be reassigned.

let name = "John"; // Can be reassigned
const age = 25; // Cannot be reassigned

2. Arrow Functions

A shorter syntax for writing functions. It lexically binds the this context, which is useful in callbacks.

const add = (a, b) => a + b;

3. Template Literals

Template strings that allow embedding expressions and multiline strings using backticks (`).

const greeting = `Hello, ${name}!`;

4. Destructuring Assignment

Simplifies extracting values from arrays or objects into distinct variables.

// Array destructuring
const [x, y] = [1, 2];

// Object destructuring
const { name, age } = { name: 'John', age: 25 };

5. Default Parameters

Allows parameters to have default values if no value is passed.

function greet(name = 'Guest') {
    return `Hello, ${name}`;
}

6. Spread and Rest Operators

Spread (...): Expands an array or object into individual elements.
Rest (...): Collects all remaining elements into an array.

// Spread
const arr = [1, 2, 3];
const newArr = [...arr, 4, 5];

// Rest
function sum(...numbers) {
    return numbers.reduce((a, b) => a + b, 0);
}

7. Classes

A syntactic sugar for constructor functions and prototype-based inheritance.

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    greet() {
        console.log(`Hello, my name is ${this.name}.`);
    }
}

const john = new Person('John', 25);
john.greet(); // Hello, my name is John.

8. Promises

Provides a cleaner way to handle asynchronous operations.

const fetchData = new Promise((resolve, reject) => {
    setTimeout(() => resolve('Data fetched!'), 1000);
});

fetchData.then((data) => console.log(data)).catch((error) => console.error(error));

9. Modules

ES6 introduced a native module system for importing and exporting code between files.

// Exporting (file: math.js)
export const add = (a, b) => a + b;

// Importing (file: app.js)
import { add } from './math';
console.log(add(2, 3)); // 5

10. Enhanced Object Literals

Shorthand for defining properties and methods in objects.

const name = 'John';
const person = {
    name, // Shorthand for name: name
    greet() { // Shorthand for greet: function() {}
        console.log('Hello');
    }
};

These ES6 features greatly improve code readability, maintainability, and ease of use.

Understanding Arrow Functions in JavaScript: Advantages and Best Practices

ImranParthib — Mon, 01 Jul 2024 09:44:45 +0000

Arrow functions in JavaScript are a powerful feature that can enhance your coding efficiency and readability. In this blog post, we'll explore the various advantages of using arrow functions, along with some best practices for when and how to use them effectively.
Arrow functions in JavaScript offer several advantages:

Concise Syntax:

One of the most notable benefits of arrow functions is their concise syntax. They allow you to write shorter, more readable code, especially for simple functions. For example:

const add = (a, b) => a + b;

This single line of code accomplishes the same task as the following traditional function expression:

const add = function(a, b) {
    return a + b;
};

The compact form of arrow functions makes them particularly useful for inline functions or callback functions.

No `this` Binding:

Arrow functions do not have their own this context. Instead, this is lexically bound, meaning it uses the this value from the surrounding scope where the function is defined. This is especially useful in callbacks and methods where you want to access the parent scope's this value without the need to use .bind(this) or a variable like self = this.

Consider the following example:

class Example {
    constructor() {
        this.value = 42;
    }
    print() {
        setTimeout(() => {
            console.log(this.value); // Lexically binds `this`
        }, 1000);
    }
}

In this example, the arrow function inside setTimeout lexically binds this from the surrounding print method, allowing access to the Example class's value property without additional binding.

Implicit Return:

Arrow functions offer an implicit return feature for single-expression functions. You can omit the return keyword and the curly braces, making the code cleaner and more concise:

const square = n => n * n;

This implicit return makes arrow functions particularly suitable for functional programming techniques, where short, expressive functions are often desired.

No arguments Object:

Unlike traditional functions, arrow functions do not have their own arguments object. If you need to work with a list of arguments, you can use rest parameters, which provide a more readable alternative:

const joinArgs = (...args) => args.join(', ');

Rest parameters allow you to handle function arguments as an array, making it easier to work with variable-length argument lists.

Suitable for Functional Programming:

Due to their concise syntax and lexical this binding, arrow functions are well-suited for functional programming patterns in JavaScript. They work seamlessly with array methods like map(), filter(), and reduce():

const numbers = [1, 2, 3, 4];
const squares = numbers.map(n => n * n);

This simplicity and readability make arrow functions a popular choice for functional programming in JavaScript.

No Constructor:

Arrow functions cannot be used as constructors and will throw an error if used with the new keyword. This behavior can help you avoid unintended constructor function usage and maintain clearer code semantics.

Conclusion

Arrow functions bring numerous advantages to JavaScript, from concise syntax and lexical this binding to suitability for functional programming patterns. However, it's essential to understand the differences between arrow functions and traditional function expressions to use them effectively. Consider the specific needs of your code, especially regarding this binding, the absence of the arguments object, and the inability to use arrow functions as constructors.

By leveraging the strengths of arrow functions and applying them judiciously, you can write cleaner, more efficient, and more maintainable JavaScript code.

Embracing 2024: A Guide to Personal, Community, and Technological Contributions Introduction

ImranParthib — Sun, 31 Dec 2023 17:46:03 +0000

As the new year unfolds, let's channel our energy into not only personal growth but also making meaningful contributions to the world of programming and development. This blog post serves as a guide to fostering positive impacts on ourselves, our communities, and the society at large in the realm of technology.

Personal Contributions to Programming Excellence

Continuous Learning in Technology: Setting Ambitious Goals

Embarking on a journey of continuous learning in technology is an exciting venture. Setting ambitious goals for the year can lead to mastery of new skills, exploration of cutting-edge frameworks, and a deeper understanding of emerging technologies like artificial intelligence and blockchain. Here's a guide, especially for newcomers, on which programming language to consider and how to get started:

Choosing the Right Programming Language:

For Beginners:

If you're starting, it's recommended to begin with a language with a gentle learning curve, robust community support, and versatility. Consider these options:

C programming:

Mastering one programming language is a gateway, not a destination. The ability to switch languages at any moment is a superpower in the dynamic field of programming. Whether you start with C, explore C++ for problem-solving or game development, or choose C# for Unity, the journey is ongoing. Your expertise in one language empowers you to adapt, learn, and thrive in the diverse landscape of coding.C Programming Tutorial
Once you are good at C then you can start C++ if you want to go problem-solving or Game Development or C++ development journey
C++ Tutorial
If Your goal is Unity the C# would be your choice
C# Beginner

Python:

Known for its readability and simplicity, Python is an excellent choice for beginners. It's widely used in web development, data science, artificial intelligence, and more.Python Tutorial

JavaScript:

Essential for web development, JavaScript is a versatile language that runs in browsers. It's beginner-friendly and a fundamental language for building interactive websites.
JavaScript Tutorila

Java:

Java is a well-established language used in various applications, from mobile apps to enterprise-level systems. Its syntax is similar to other languages, making it easier to transition to other technologies.
Java Start Here

Getting Started:

Online Learning Platforms:

Youtube:

YouTube is a great platform to find the best courses and tutorials for your learning journey. You can connect with a large community using the comment sections and other platforms if the creator provides any like Discord. Here is a Bangladeshi Competitive programming server in Discord: Bangladeshi Biggest CP Community

Codecademy:

Offers interactive coding lessons for various languages, providing hands-on experience.

freeCodeCamp:

Focuses on web development and offers a free, self-paced curriculum with real-world projects.

Coursera and edX:

Provide courses from universities and institutions worldwide, covering a wide range of programming languages and technologies.

Books and Documentation:

Official Documentation:

Explore the official documentation of the programming language you choose. It's a valuable resource for understanding syntax, features, and best practices.

Books for Beginners:

Look for beginner-friendly books or online resources that guide you step-by-step in learning the chosen language.

Joining Communities:

Stack Overflow:

A vibrant community where you can ask questions, seek advice, and learn from experienced developers.

Meetup and Local Coding Groups:

Join local or online meetups to connect with fellow learners and experienced developers. Bangladeshi CP Community

Remember, the key is to start with a language that aligns with your interests and goals. As you progress, you can explore more languages and technologies based on your evolving interests and career aspirations.

Progressive Learning Path: From C to Web and App Development

Embarking on a progressive learning path allows you to build a strong foundation in programming and gradually explore different aspects of software development. Starting with C and moving towards web and app development using JavaScript, Java, Kotlin, and React is a well-rounded journey.

1. Foundational Understanding with C:

Why Start with C?

C provides a deep understanding of computer memory management, pointers, and low-level operations, fostering a strong grasp of the fundamentals.
C start now

Getting Started:

Use online platforms, books, and tutorials to learn the basics of C. Practice problem-solving to reinforce your understanding of algorithms and data structures.

2. Web Development with JavaScript:

Why JavaScript?

JavaScript is the language of the web, allowing you to build dynamic and interactive user interfaces.

Getting Started:

Explore HTML and CSS alongside JavaScript. Use resources like MDN Web Docs and freeCodeCamp to learn the essentials. Build simple projects to apply your knowledge.

3. App Development with Java/Kotlin:

Why Java and Kotlin?

Java is a versatile language used in Android development, while Kotlin is a modern language that offers conciseness and expressiveness.

Getting Started:

Learn the basics of Java and then transition to Android development using Android Studio. Explore Kotlin for a more modern and concise syntax.

4. Cross-Platform Development with React:

Why React?

React Native enables you to build cross-platform mobile applications using your existing JavaScript and React knowledge.
Getting Started:
Dive into React by building web applications. Once comfortable, explore React Native for cross-platform mobile app development.

5. Continuous Learning and Building Projects:

Why Continuous Learning?

The field of technology is dynamic. Stay updated with new libraries, frameworks, and best practices.

Building Projects:

Apply your knowledge by working on projects. It could be a personal website, a mobile app, or contributing to open-source projects. Real-world projects enhance your skills and portfolio.

6. Engaging with Developer Communities:

Why Community Engagement?

Connect with other learners and experienced developers. Communities provide support, insights, and opportunities for collaboration.

Join Online Forums:

Participate in communities on platforms like Stack Overflow, Reddit, and Dev.to. Share your experiences and learn from others.

This learning path offers a balanced progression from foundational programming concepts in C to practical web and app development using modern technologies. Remember, the key is consistent practice, hands-on projects, and staying curious about emerging technologies in the ever-evolving field of software development.

2. Open Source Advocacy:

Contribute actively to open-source projects on platforms like GitHub. By collaborating with the global developer community, you not only improve your coding skills but also play a role in advancing technology for the benefit of everyone.

3. Tech Blogging:

Share your insights, discoveries, and lessons learned in the field of technology. Blogging not only solidifies your understanding of concepts but also contributes valuable knowledge to the broader developer community.
Community and Societal Impact Through Technology

1. Tech for Social Good:

Participate in projects that leverage technology for social impact. This could involve developing applications that address societal challenges, contributing to platforms that promote accessibility, or volunteering your technical skills to nonprofit organizations.

2. Programming Workshops and Outreach:

Organize or participate in programming workshops aimed at introducing coding to underserved communities. Empowering individuals with programming skills opens up new opportunities and helps bridge the digital divide.

3. Environmental Sustainability Tech:

Explore ways in which technology can contribute to environmental sustainability. Whether it's developing energy-efficient software or creating tools to monitor and reduce carbon footprints, tech can play a pivotal role in addressing environmental challenges.
Personal Well-being, Health, and Productivity in Tech

1. Balancing Screen Time:

In the fast-paced world of technology, it's crucial to find a balance. Allocate time for offline activities, focus on mindfulness, and ensure a healthy work-life-tech balance.

2. Mental Health in Tech:

Advocate for mental health awareness within the tech community. Share experiences, resources, and support networks to foster a healthy and supportive environment for all.

Connect and Follow

Thank you for reading our guide to embracing 2024 with positive contributions in the realms of personal growth, community impact, and technology. If you're passionate about programming and development, and you'd like to stay connected, feel free to connect with me on the following platforms:

GitHub

Explore my open-source projects and contributions on GitHub: ImranParthibInsights

dev.to

Join the developer community on dev.to and find more insightful articles: Imran Parthib on dev.to

Medium

Read more of my articles and thoughts on Medium:Imran Parthib on Medium

Hashnode

Engage in discussions and discover more about my experiences on Hashnode:Imran Parthib's Blog

Blogger

Explore additional content and musings on my Blogger platform: Developers Insights

Let's connect, share ideas, and make 2024 a year of continuous growth, positive contributions, and technological advancements!

Navigating the Sea of Software Development: A Conscious Approach

ImranParthib — Mon, 20 Nov 2023 14:39:18 +0000

In this modern era of technology, aspiring software developers often find themselves on a challenging journey, attempting to master the intricacies of programming and computer science. Unfortunately, many stumble due to misaligned approaches, leading to setbacks in their careers. It often takes time to discern the correct methodologies for success in the vast realm of computer science and software engineering.

Approach: Understanding the Ocean of Opportunities

Embarking on an academic journey in the field of programming is akin to navigating an expansive ocean of possibilities. The more one explores, the greater the potential for challenges or, metaphorically, sinking beneath the surface. However, the encouraging news is that with a conscious mindset and a keen understanding of how to chart one's course, this vast ocean becomes an exciting arena for swimming.

Foundations of Success: Dedication and Responsibility

From the outset, it's crucial to grasp the responsibilities that come with learning programming. Dedicate yourself to the craft, invest time in understanding the core concepts, and develop a commitment to problem-solving. These foundational elements form the bedrock of a successful journey into the world of software development.

In this expansive sea, connecting with communities becomes a compass, guiding you on the right path. Engaging with like-minded individuals, sharing experiences, and seeking guidance from those who have navigated similar waters can significantly contribute to your success. These communities serve as a support system, keeping you buoyant and helping you stay on course.

As you set sail on your programming odyssey, remember that a conscious approach, dedication to learning, and community connection are the keys to not only staying afloat but relishing the adventure in the vast sea of software development.

DEV Community: ImranParthib

From Custom Domain to Vercel Subdomain: How I Recovered My SEO Rankings

🤞 The Naive Hope

✅ Vercel Subdomain SEO Checklist

# JavaScript ES6 Features

JavaScript ES6 Features

1. Let and Const

2. Arrow Functions

3. Template Literals

4. Destructuring Assignment

5. Default Parameters

6. Spread and Rest Operators

7. Classes

8. Promises

9. Modules

10. Enhanced Object Literals

Understanding Arrow Functions in JavaScript: Advantages and Best Practices

Concise Syntax:

No this Binding:

Implicit Return:

No arguments Object:

Suitable for Functional Programming:

No Constructor:

Conclusion

Embracing 2024: A Guide to Personal, Community, and Technological Contributions Introduction

Personal Contributions to Programming Excellence

Continuous Learning in Technology: Setting Ambitious Goals

Choosing the Right Programming Language:

For Beginners:

C programming:

Python:

JavaScript:

Java:

Getting Started:

Youtube:

Codecademy:

freeCodeCamp:

Coursera and edX:

Books and Documentation:

Official Documentation:

Books for Beginners:

Joining Communities:

Stack Overflow:

Meetup and Local Coding Groups:

Progressive Learning Path: From C to Web and App Development

1. Foundational Understanding with C:

Why Start with C?

Getting Started:

2. Web Development with JavaScript:

Why JavaScript?

Getting Started:

3. App Development with Java/Kotlin:

Why Java and Kotlin?

Getting Started:

4. Cross-Platform Development with React:

Why React?

5. Continuous Learning and Building Projects:

Why Continuous Learning?

Building Projects:

6. Engaging with Developer Communities:

Why Community Engagement?

Join Online Forums:

2. Open Source Advocacy:

3. Tech Blogging:

1. Tech for Social Good:

2. Programming Workshops and Outreach:

3. Environmental Sustainability Tech:

1. Balancing Screen Time:

2. Mental Health in Tech:

Connect and Follow

GitHub

dev.to

Medium

Hashnode

Blogger

Navigating the Sea of Software Development: A Conscious Approach

Approach: Understanding the Ocean of Opportunities

Foundations of Success: Dedication and Responsibility

No `this` Binding: