JSPM

dev-credit

1.1.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 11
  • Score
    100M100P100Q28788F
  • License MIT

Add essential developer credits (4 meta tags) to Next.js projects - Published by Softq Web Solutions

Package Exports

  • dev-credit
  • dev-credit/auto

Readme

dev-credit 🎨

Add essential developer credits to your Next.js projects via 4 clean HTML meta tags

npm version License: MIT Next.js

Published by Softq Web Solutions - softq.live

✨ Features

  • 🏷️ Minimal Meta Tags: Only 4 essential meta tags - no spam
  • 🚀 Zero Config Option: Import and forget - works automatically
  • 📦 ESM Compatible: Full ES Module support with Tree Shaking
  • 🔧 Fully Customizable: Use default credits or provide your own
  • 🎯 Next.js Optimized: Works seamlessly with Next.js 13+ App Router
  • 👤 SEO Friendly: Clean meta tags for search engines
  • 🔇 Clean Console: No console output - only meta tag attribution

📦 Installation

npm install dev-credit

🚀 Quick Start

Option 1: Zero-Config Meta Tags (Instant Setup)

Add this to your root layout file (app/layout.js or app/layout.tsx):

import "dev-credit/auto";
import { withDevMeta } from "dev-credit";

export const metadata = withDevMeta();

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  );
}

That's it! 🎉 Your site will now have 4 essential developer credit meta tags.

Option 2: Add Custom Developer Credits

import { withDevMeta } from "dev-credit";
import type { Metadata } from "next";

export const metadata: Metadata = withDevMeta(undefined, {
  title: "My Awesome Next.js App",
  description: "An amazing application built with Next.js",
  icons: {
    icon: "/favicon.ico",
  },
});

This adds exactly 4 clean meta tags to your HTML <head> section:

<meta name="developer" content="Himangshu Mishra" />
<meta name="developer-website" content="https://mishra.codes" />
<meta name="built-by" content="Himangshu Mishra" />
<meta name="publisher" content="Softq Web Solutions" />

Option 3: Custom Developer Credits

Use your own developer information:

import { withDevMeta } from "dev-credit";
import type { Metadata } from "next";

export const metadata: Metadata = withDevMeta({
  developer: "Your Name",
  website: "https://yourwebsite.com", 
  email: "you@example.com"
}, {
  title: "My App",
  description: "My awesome app",
  icons: {
    icon: "/favicon.ico",
  },
});

🛠️ API Reference

withDevMeta(creditData?, existingMetadata?)

Merges developer credit information into Next.js metadata object with only 4 essential meta tags.

Parameters:

  • creditData (Object, optional): Developer information
    • developer (string): Developer name (default: "Himangshu Mishra")
    • website (string): Developer website (default: "https://mishra.codes")
    • email (string): Developer email (default: "contact@mishra.codes")
  • existingMetadata (Object, optional): Your existing Next.js metadata

Returns: Complete metadata object with 4 essential developer credits

getDevMeta(existingMetadata?)

Generates metadata using default developer credit (Himangshu Mishra).

createDevMeta(creditData?)

Creates custom meta tags specifically for developer attribution.

import "dev-credit/auto"

Zero-config import for compatibility (no console output).

📋 What Gets Added?

Only 4 Essential Meta Tags

<!-- Clean, minimal developer attribution -->
<meta name="developer" content="Himangshu Mishra" />
<meta name="developer-website" content="https://mishra.codes" />
<meta name="built-by" content="Himangshu Mishra" />
<meta name="publisher" content="Softq Web Solutions" />

✅ No More Spam

  • No Twitter Card metadata
  • No excess meta tags
  • No console output
  • Clean and professional

📋 Requirements

  • Next.js: 13.0.0 or higher
  • Node.js: 16.0.0 or higher
  • TypeScript: Full support included

🌟 Default Developer Credit

This package defaults to crediting:

Himangshu Mishra

Published by Softq Web Solutions - softq.live

🔧 Backward Compatibility

Old function names still work:

// Old (still works)
import { withDevCredit } from "dev-credit";

// New (recommended)
import { withDevMeta } from "dev-credit";

📄 License

MIT © Himangshu Mishra

Published by Softq Web Solutions - softq.live

📞 Support


Made with ❤️ by Himangshu Mishra | Published by Softq Web Solutions