ประโยชน์ของโครงการ #2
ส่งอีเมลโดยตรงจากสัญญาอัจฉริยะ
ทำให้การแจ้งเตือนผู้ใช้เป็นอัตโนมัติด้วยการผสานรวมสมาร์ทคอนแทรกต์ ส่งการยืนยันธุรกรรม การแจ้งเตือนรางวัล และการแจ้งเตือนด้านการปกครองโดยไม่ต้องใช้โครงสร้างพื้นฐานด้านแบ็กเอนด์ใด ๆ
📜
ไม่มีแบ็กเอนด์ การทำงานอัตโนมัติสูงสุด
5,000
ค่าก๊าซ
<3s
เวลาจัดส่ง
๖
บล็อกเชน
∞
สเกล
YourContract.sol
function claimRewards() external {
uint256 rewards = calculateRewards(msg.sender);
_transfer(rewardToken, msg.sender, rewards);
// Approve USDC for email fee
usdc.approve(address(mailer), mailer.getFee());
// Send email notification using prepared template
mailer.sendPrepared(
msg.sender,
"reward-notification", // template ID
false, // standard mode: 10% fee only
true // resolve sender name
);
}
สามประเภทการรวมที่ทรงพลัง
ทำให้การสื่อสารสำคัญกับผู้ใช้เป็นอัตโนมัติโดยตรงจากสมาร์ทคอนแทรกต์ของคุณ
การแจ้งเตือนธุรกรรม
การแจ้งเตือนแบบเรียลไทม์ประสบการณ์ผู้ใช้ที่ดีขึ้นลดจำนวนตั๋วสนับสนุน
แจ้งผู้ใช้โดยอัตโนมัติเมื่อทำธุรกรรมสำเร็จ ล้มเหลว และกำลังรอการยืนยัน
กรณีการใช้งานทั่วไป:
- DeFi swap confirmations with slippage details
- NFT purchase receipts with marketplace links
- การแจ้งเตือนเกี่ยวกับรางวัล staking ที่ได้รับ
- แจ้งเตือนธุรกรรมที่ล้มเหลวพร้อมการประมาณค่าก๊าซ
- อัปเดตการเสร็จสิ้นสะพานข้ามเครือข่าย
ตัวอย่างการดำเนินงาน
<!doctype html>
<html lang="en">
<head>
<script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>
<script type="module" src="/@vite/client"></script>
<meta charset="UTF-8" />
<!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
<script>
window.onerror = function (m) {
if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
return false;
};
</script>
<!-- Favicon and Icons -->
<link rel="icon" type="image/png" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/favicon-192.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />
<!-- Viewport and Basic Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#3b82f6" />
<!-- Security Headers -->
<meta http-equiv="X-Content-Type-Options" content="nosniff" />
<meta http-equiv="X-XSS-Protection" content="1; mode=block" />
<meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
<meta
http-equiv="Permissions-Policy"
content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
/>
<!-- Primary Meta Tags -->
<title>Signic - Web3 Email Platform | Wallet-Based Email</title>
<meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
<meta
name="description"
content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
/>
<meta
name="keywords"
content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
/>
<meta name="author" content="Sudobility Inc" />
<meta
name="robots"
content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
/>
<!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta
property="og:title"
content="Signic - Web3 Email Platform | Wallet-Based Email"
/>
<meta
property="og:description"
content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
/>
<meta property="og:image" content="https://signic.email/logo.png" />
<meta property="og:site_name" content="Signic" />
<meta property="og:locale" content="en_US" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://signic.email" />
<meta
property="twitter:title"
content="Signic - Web3 Email Platform | Wallet-Based Email"
/>
<meta
property="twitter:description"
content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
/>
<meta property="twitter:image" content="https://signic.email/logo.png" />
<meta property="twitter:creator" content="@signicemail" />
<meta property="twitter:site" content="@signicemail" />
<!-- Application Meta -->
<meta name="application-name" content="Signic" />
<meta name="msapplication-TileColor" content="#3b82f6" />
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="format-detection" content="telephone=no" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="Signic" />
<meta name="copyright" content="Sudobility Inc. All rights reserved." />
<!-- PWA -->
<link rel="manifest" href="/manifest.json" />
<!-- DNS Prefetch and Preconnect -->
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<link rel="dns-prefetch" href="//fonts.gstatic.com" />
<link rel="dns-prefetch" href="//api.signic.email" />
<link rel="dns-prefetch" href="//signic.email" />
<link rel="dns-prefetch" href="//walletconnect.com" />
<link rel="dns-prefetch" href="//phantom.app" />
<link rel="dns-prefetch" href="//metamask.io" />
<!-- Preconnect for critical third-party domains -->
<link rel="preconnect" href="https://api.signic.email" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<!-- Preconnect to Firebase (for analytics and performance) -->
<link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
<link rel="preconnect" href="https://www.google-analytics.com" crossorigin />
<!-- Preconnect to RPC providers (only establish connection, don't load) -->
<link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
<link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />
<!-- Above-the-fold CSS inline for fastest render -->
<style>
/* Critical CSS for initial paint - Optimized for LCP */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #fff;
color: #111827;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Critical above-the-fold hero styles for immediate paint */
.hero-gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.hero-content {
max-width: 1200px;
padding: 2rem;
text-align: center;
}
h1 {
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
}
.loading {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.spinner {
width: 40px;
height: 40px;
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid white;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#root {
min-height: 100vh;
}
/* Prevent layout shift */
img {
max-width: 100%;
height: auto;
display: block;
}
</style>
<!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
<link rel="dns-prefetch" href="//ethereum-api.xyz" />
<link rel="dns-prefetch" href="//polygon-rpc.com" />
<link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
<link rel="dns-prefetch" href="//rpc.ankr.com" />
<!-- Wallet provider DNS prefetch - connections established on demand -->
<link rel="dns-prefetch" href="//walletconnect.org" />
<link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />
<!-- CDN optimizations -->
<link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
<link rel="dns-prefetch" href="//unpkg.com" />
<!-- Service worker registration hint -->
<link rel="prefetch" href="/sw.js" />
<!-- Font loading - deferred for LCP -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
rel="stylesheet"
media="print"
onload="this.media = 'all'"
/>
<noscript>
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
</noscript>
<!-- Structured Data -->
<script type="application/ld+json">
[
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Signic",
"alternateName": ["signic.email", "Web3 Email Platform"],
"description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
"url": "https://signic.email",
"applicationCategory": ["BusinessApplication", "CommunicationApplication"],
"operatingSystem": "Web Browser",
"browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
"softwareRequirements": "Web3 wallet extension or mobile app",
"datePublished": "2024-01-01",
"dateModified": "2026-07-17",
"isAccessibleForFree": true,
"featureList": [
"Wallet-based authentication - no passwords required",
"ENS domain email support (.eth domains)",
"Solana Name Service email support (.sol domains)",
"Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
"Smart contract email notifications",
"DAO governance email tools",
"Email delegation for teams and DAOs",
"Web2/Web3 bridge communication"
],
"offers": [
{
"@type": "Offer",
"name": "Free Web3 Email",
"price": "0",
"priceCurrency": "USD",
"description": "Free wallet-based email address"
},
{
"@type": "Offer",
"name": "Premium ENS/SNS Email",
"price": "2",
"priceCurrency": "USD",
"description": "Use your ENS or SNS domain as email address"
}
],
"author": {
"@type": "Organization",
"name": "Signic",
"url": "https://signic.email"
},
"installUrl": "https://signic.email/connect",
"screenshot": "https://signic.email/logo.png"
},
{
"@context": "https://schema.org",
"@type": "Organization",
"@id": "https://signic.email/#organization",
"name": "Signic",
"url": "https://signic.email",
"logo": "https://signic.email/logo.png",
"description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
"foundingDate": "2024-01-01",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer service",
"email": "[email protected]",
"availableLanguage": "English"
},
"sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
},
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://signic.email/#website",
"name": "Signic",
"url": "https://signic.email",
"publisher": {
"@id": "https://signic.email/#organization"
}
},
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "How to Set Up Web3 Email with Crypto Wallet",
"description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
"image": "https://signic.email/logo.png",
"totalTime": "PT5M",
"estimatedCost": {
"@type": "MonetaryAmount",
"currency": "USD",
"value": "0"
},
"supply": [
{
"@type": "HowToSupply",
"name": "Web3 Wallet (MetaMask, Phantom, etc.)"
},
{
"@type": "HowToSupply",
"name": "ENS domain (optional but recommended)"
}
],
"tool": [
{
"@type": "HowToTool",
"name": "Web browser with wallet extension"
}
],
"step": [
{
"@type": "HowToStep",
"name": "Connect Your Wallet",
"text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
},
{
"@type": "HowToStep",
"name": "Verify Your Identity",
"text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
},
{
"@type": "HowToStep",
"name": "Configure Email Address",
"text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
},
{
"@type": "HowToStep",
"name": "Start Using Web3 Email",
"text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
}
]
}
]
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
DeFi Protocol Events
ป้องกันการยกเลิกสภาพคลังเพิ่ม TVL ของโปรโตคอลเพิ่มการรักษาผู้ใช้อย่างดีกว่า
แจ้งผู้ใช้เกี่ยวกับรางวัลการทำฟาร์มผลผลิต ความเสี่ยงจากการระะผ่อนได้ และการเปลี่ยนแปลงโปรโตคอล
กรณีการใช้งานทั่วไป:
- การแจกจ่ายรางวัลจาก Yield Farming
- คำเตือนการลิกวิดิ้งเมื่ออัตราส่วนหลักประกัน 110%
- พูลใหม่เปิดตัวพร้อมอัตราผลตอบแทนโบนัส
- เตือนการโหวตข้อเสนอกระบวนการปกครอง
- การเปลี่ยนแปลงและอัปเดตค่าธรรมเนียมโปรโตคอล
ตัวอย่างการดำเนินงาน
<!doctype html>
<html lang="en">
<head>
<script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>
<script type="module" src="/@vite/client"></script>
<meta charset="UTF-8" />
<!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
<script>
window.onerror = function (m) {
if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
return false;
};
</script>
<!-- Favicon and Icons -->
<link rel="icon" type="image/png" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/favicon-192.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />
<!-- Viewport and Basic Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#3b82f6" />
<!-- Security Headers -->
<meta http-equiv="X-Content-Type-Options" content="nosniff" />
<meta http-equiv="X-XSS-Protection" content="1; mode=block" />
<meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
<meta
http-equiv="Permissions-Policy"
content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
/>
<!-- Primary Meta Tags -->
<title>Signic - Web3 Email Platform | Wallet-Based Email</title>
<meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
<meta
name="description"
content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
/>
<meta
name="keywords"
content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
/>
<meta name="author" content="Sudobility Inc" />
<meta
name="robots"
content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
/>
<!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta
property="og:title"
content="Signic - Web3 Email Platform | Wallet-Based Email"
/>
<meta
property="og:description"
content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
/>
<meta property="og:image" content="https://signic.email/logo.png" />
<meta property="og:site_name" content="Signic" />
<meta property="og:locale" content="en_US" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://signic.email" />
<meta
property="twitter:title"
content="Signic - Web3 Email Platform | Wallet-Based Email"
/>
<meta
property="twitter:description"
content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
/>
<meta property="twitter:image" content="https://signic.email/logo.png" />
<meta property="twitter:creator" content="@signicemail" />
<meta property="twitter:site" content="@signicemail" />
<!-- Application Meta -->
<meta name="application-name" content="Signic" />
<meta name="msapplication-TileColor" content="#3b82f6" />
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="format-detection" content="telephone=no" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="Signic" />
<meta name="copyright" content="Sudobility Inc. All rights reserved." />
<!-- PWA -->
<link rel="manifest" href="/manifest.json" />
<!-- DNS Prefetch and Preconnect -->
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<link rel="dns-prefetch" href="//fonts.gstatic.com" />
<link rel="dns-prefetch" href="//api.signic.email" />
<link rel="dns-prefetch" href="//signic.email" />
<link rel="dns-prefetch" href="//walletconnect.com" />
<link rel="dns-prefetch" href="//phantom.app" />
<link rel="dns-prefetch" href="//metamask.io" />
<!-- Preconnect for critical third-party domains -->
<link rel="preconnect" href="https://api.signic.email" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<!-- Preconnect to Firebase (for analytics and performance) -->
<link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
<link rel="preconnect" href="https://www.google-analytics.com" crossorigin />
<!-- Preconnect to RPC providers (only establish connection, don't load) -->
<link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
<link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />
<!-- Above-the-fold CSS inline for fastest render -->
<style>
/* Critical CSS for initial paint - Optimized for LCP */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #fff;
color: #111827;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Critical above-the-fold hero styles for immediate paint */
.hero-gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.hero-content {
max-width: 1200px;
padding: 2rem;
text-align: center;
}
h1 {
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
}
.loading {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.spinner {
width: 40px;
height: 40px;
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid white;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#root {
min-height: 100vh;
}
/* Prevent layout shift */
img {
max-width: 100%;
height: auto;
display: block;
}
</style>
<!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
<link rel="dns-prefetch" href="//ethereum-api.xyz" />
<link rel="dns-prefetch" href="//polygon-rpc.com" />
<link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
<link rel="dns-prefetch" href="//rpc.ankr.com" />
<!-- Wallet provider DNS prefetch - connections established on demand -->
<link rel="dns-prefetch" href="//walletconnect.org" />
<link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />
<!-- CDN optimizations -->
<link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
<link rel="dns-prefetch" href="//unpkg.com" />
<!-- Service worker registration hint -->
<link rel="prefetch" href="/sw.js" />
<!-- Font loading - deferred for LCP -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
rel="stylesheet"
media="print"
onload="this.media = 'all'"
/>
<noscript>
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
</noscript>
<!-- Structured Data -->
<script type="application/ld+json">
[
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Signic",
"alternateName": ["signic.email", "Web3 Email Platform"],
"description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
"url": "https://signic.email",
"applicationCategory": ["BusinessApplication", "CommunicationApplication"],
"operatingSystem": "Web Browser",
"browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
"softwareRequirements": "Web3 wallet extension or mobile app",
"datePublished": "2024-01-01",
"dateModified": "2026-07-17",
"isAccessibleForFree": true,
"featureList": [
"Wallet-based authentication - no passwords required",
"ENS domain email support (.eth domains)",
"Solana Name Service email support (.sol domains)",
"Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
"Smart contract email notifications",
"DAO governance email tools",
"Email delegation for teams and DAOs",
"Web2/Web3 bridge communication"
],
"offers": [
{
"@type": "Offer",
"name": "Free Web3 Email",
"price": "0",
"priceCurrency": "USD",
"description": "Free wallet-based email address"
},
{
"@type": "Offer",
"name": "Premium ENS/SNS Email",
"price": "2",
"priceCurrency": "USD",
"description": "Use your ENS or SNS domain as email address"
}
],
"author": {
"@type": "Organization",
"name": "Signic",
"url": "https://signic.email"
},
"installUrl": "https://signic.email/connect",
"screenshot": "https://signic.email/logo.png"
},
{
"@context": "https://schema.org",
"@type": "Organization",
"@id": "https://signic.email/#organization",
"name": "Signic",
"url": "https://signic.email",
"logo": "https://signic.email/logo.png",
"description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
"foundingDate": "2024-01-01",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer service",
"email": "[email protected]",
"availableLanguage": "English"
},
"sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
},
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://signic.email/#website",
"name": "Signic",
"url": "https://signic.email",
"publisher": {
"@id": "https://signic.email/#organization"
}
},
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "How to Set Up Web3 Email with Crypto Wallet",
"description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
"image": "https://signic.email/logo.png",
"totalTime": "PT5M",
"estimatedCost": {
"@type": "MonetaryAmount",
"currency": "USD",
"value": "0"
},
"supply": [
{
"@type": "HowToSupply",
"name": "Web3 Wallet (MetaMask, Phantom, etc.)"
},
{
"@type": "HowToSupply",
"name": "ENS domain (optional but recommended)"
}
],
"tool": [
{
"@type": "HowToTool",
"name": "Web browser with wallet extension"
}
],
"step": [
{
"@type": "HowToStep",
"name": "Connect Your Wallet",
"text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
},
{
"@type": "HowToStep",
"name": "Verify Your Identity",
"text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
},
{
"@type": "HowToStep",
"name": "Configure Email Address",
"text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
},
{
"@type": "HowToStep",
"name": "Start Using Web3 Email",
"text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
}
]
}
]
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
Governance & DAO
การมีส่วนร่วมในการลงคะแนนเสียงสูงขึ้นการปกครองที่โปร่งใสชุมชนที่กระตือรือร้น
Automate governance communications and voting notifications for your DAO members.
กรณีการใช้งานทั่วไป:
- ประกาศการสร้างข้อเสนอใหม่
- การแจ้งเตือนกำหนดเวลาการลงคะแนน (24 ชม., 1 ชม. ก่อน)
- การยืนยันการดำเนินงานของข้อเสนอ
- การแจ้งเตือนการเปลี่ยนแปลงตัวแทน
- อัปเดตเกณฑ์สำคัญของ Treasury
ตัวอย่างการดำเนินงาน
<!doctype html>
<html lang="en">
<head>
<script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>
<script type="module" src="/@vite/client"></script>
<meta charset="UTF-8" />
<!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
<script>
window.onerror = function (m) {
if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
return false;
};
</script>
<!-- Favicon and Icons -->
<link rel="icon" type="image/png" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/favicon-192.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />
<!-- Viewport and Basic Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#3b82f6" />
<!-- Security Headers -->
<meta http-equiv="X-Content-Type-Options" content="nosniff" />
<meta http-equiv="X-XSS-Protection" content="1; mode=block" />
<meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
<meta
http-equiv="Permissions-Policy"
content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
/>
<!-- Primary Meta Tags -->
<title>Signic - Web3 Email Platform | Wallet-Based Email</title>
<meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
<meta
name="description"
content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
/>
<meta
name="keywords"
content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
/>
<meta name="author" content="Sudobility Inc" />
<meta
name="robots"
content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
/>
<!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta
property="og:title"
content="Signic - Web3 Email Platform | Wallet-Based Email"
/>
<meta
property="og:description"
content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
/>
<meta property="og:image" content="https://signic.email/logo.png" />
<meta property="og:site_name" content="Signic" />
<meta property="og:locale" content="en_US" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://signic.email" />
<meta
property="twitter:title"
content="Signic - Web3 Email Platform | Wallet-Based Email"
/>
<meta
property="twitter:description"
content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
/>
<meta property="twitter:image" content="https://signic.email/logo.png" />
<meta property="twitter:creator" content="@signicemail" />
<meta property="twitter:site" content="@signicemail" />
<!-- Application Meta -->
<meta name="application-name" content="Signic" />
<meta name="msapplication-TileColor" content="#3b82f6" />
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="format-detection" content="telephone=no" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="Signic" />
<meta name="copyright" content="Sudobility Inc. All rights reserved." />
<!-- PWA -->
<link rel="manifest" href="/manifest.json" />
<!-- DNS Prefetch and Preconnect -->
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<link rel="dns-prefetch" href="//fonts.gstatic.com" />
<link rel="dns-prefetch" href="//api.signic.email" />
<link rel="dns-prefetch" href="//signic.email" />
<link rel="dns-prefetch" href="//walletconnect.com" />
<link rel="dns-prefetch" href="//phantom.app" />
<link rel="dns-prefetch" href="//metamask.io" />
<!-- Preconnect for critical third-party domains -->
<link rel="preconnect" href="https://api.signic.email" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<!-- Preconnect to Firebase (for analytics and performance) -->
<link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
<link rel="preconnect" href="https://www.google-analytics.com" crossorigin />
<!-- Preconnect to RPC providers (only establish connection, don't load) -->
<link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
<link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />
<!-- Above-the-fold CSS inline for fastest render -->
<style>
/* Critical CSS for initial paint - Optimized for LCP */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #fff;
color: #111827;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Critical above-the-fold hero styles for immediate paint */
.hero-gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.hero-content {
max-width: 1200px;
padding: 2rem;
text-align: center;
}
h1 {
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
}
.loading {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.spinner {
width: 40px;
height: 40px;
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid white;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#root {
min-height: 100vh;
}
/* Prevent layout shift */
img {
max-width: 100%;
height: auto;
display: block;
}
</style>
<!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
<link rel="dns-prefetch" href="//ethereum-api.xyz" />
<link rel="dns-prefetch" href="//polygon-rpc.com" />
<link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
<link rel="dns-prefetch" href="//rpc.ankr.com" />
<!-- Wallet provider DNS prefetch - connections established on demand -->
<link rel="dns-prefetch" href="//walletconnect.org" />
<link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />
<!-- CDN optimizations -->
<link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
<link rel="dns-prefetch" href="//unpkg.com" />
<!-- Service worker registration hint -->
<link rel="prefetch" href="/sw.js" />
<!-- Font loading - deferred for LCP -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
rel="stylesheet"
media="print"
onload="this.media = 'all'"
/>
<noscript>
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
</noscript>
<!-- Structured Data -->
<script type="application/ld+json">
[
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Signic",
"alternateName": ["signic.email", "Web3 Email Platform"],
"description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
"url": "https://signic.email",
"applicationCategory": ["BusinessApplication", "CommunicationApplication"],
"operatingSystem": "Web Browser",
"browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
"softwareRequirements": "Web3 wallet extension or mobile app",
"datePublished": "2024-01-01",
"dateModified": "2026-07-17",
"isAccessibleForFree": true,
"featureList": [
"Wallet-based authentication - no passwords required",
"ENS domain email support (.eth domains)",
"Solana Name Service email support (.sol domains)",
"Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
"Smart contract email notifications",
"DAO governance email tools",
"Email delegation for teams and DAOs",
"Web2/Web3 bridge communication"
],
"offers": [
{
"@type": "Offer",
"name": "Free Web3 Email",
"price": "0",
"priceCurrency": "USD",
"description": "Free wallet-based email address"
},
{
"@type": "Offer",
"name": "Premium ENS/SNS Email",
"price": "2",
"priceCurrency": "USD",
"description": "Use your ENS or SNS domain as email address"
}
],
"author": {
"@type": "Organization",
"name": "Signic",
"url": "https://signic.email"
},
"installUrl": "https://signic.email/connect",
"screenshot": "https://signic.email/logo.png"
},
{
"@context": "https://schema.org",
"@type": "Organization",
"@id": "https://signic.email/#organization",
"name": "Signic",
"url": "https://signic.email",
"logo": "https://signic.email/logo.png",
"description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
"foundingDate": "2024-01-01",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer service",
"email": "[email protected]",
"availableLanguage": "English"
},
"sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
},
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://signic.email/#website",
"name": "Signic",
"url": "https://signic.email",
"publisher": {
"@id": "https://signic.email/#organization"
}
},
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "How to Set Up Web3 Email with Crypto Wallet",
"description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
"image": "https://signic.email/logo.png",
"totalTime": "PT5M",
"estimatedCost": {
"@type": "MonetaryAmount",
"currency": "USD",
"value": "0"
},
"supply": [
{
"@type": "HowToSupply",
"name": "Web3 Wallet (MetaMask, Phantom, etc.)"
},
{
"@type": "HowToSupply",
"name": "ENS domain (optional but recommended)"
}
],
"tool": [
{
"@type": "HowToTool",
"name": "Web browser with wallet extension"
}
],
"step": [
{
"@type": "HowToStep",
"name": "Connect Your Wallet",
"text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
},
{
"@type": "HowToStep",
"name": "Verify Your Identity",
"text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
},
{
"@type": "HowToStep",
"name": "Configure Email Address",
"text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
},
{
"@type": "HowToStep",
"name": "Start Using Web3 Email",
"text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
}
]
}
]
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
สร้างขึ้นเพื่อใช้ในงานผลิต
คุณลักษณะระดับองค์กรที่สามารถขยายได้ตามโปรโตคอลของคุณ
เพิ่มประสิทธิภาพแก๊ส
ใช้ค่าแก๊สต่ำสุด - ปกติ <5,000 แก๊สต่ออีเมล
การเรียกใช้สัญญาที่ได้รับการปรับแต่งเพื่อไม่ส่งผลกระทบต่อค่าใช้จ่ายหลักของธุรกรรมของคุณ
จัดส่งทันที
อีเมลส่งภายในไม่กี่วินาทีหลังการยืนยันธุรกรรม
การประมวลผลแบบเรียลไทม์พร้อมเวลาการส่งเฉลี่ยไม่เกิน 3 วินาที
ระบบแม่แบบ
แม่แบบที่สร้างไว้ล่วงหน้าสำหรับกรณีการใช้งานทั่วไป
เทมเพลต HTML/ข้อความที่ปรับแต่งได้พร้อมการฉีดข้อมูลแบบไดนามิก
แดชบอร์ดวิเคราะห์
ติดตามการส่งอีเมลและเกณฑ์การมีส่วนร่วม
การวิเคราะห์แบบเรียลไทม์บนอัตราการเปิด อีเมล การคลิก และการแปลงยอดขาย
รองรับหลายโซ่
ปรับใช้บนบล็อกเชนใดก็ได้ — เราดูแลความซับซ้อนได้ทั้งหมด
🔵
LiveEthereum
ค่าธรรมเนียมแก๊ส:~4,200 gas
เครือข่ายที่ใช้ได้:
Mainnet
🔵
BetaEthereum sepolia
ค่าธรรมเนียมแก๊ส:~3,000 gas
เครือข่ายที่ใช้ได้:
Mainnet
การรวมระบบใน 3 ขั้นตอนง่าย ๆ
เริ่มต้นการผสานอีเมลกับสมาร์ทคอนแทรกต์ภายใน 10 นาที
1
ติดตั้ง SDK
~2 นาทีเพิ่ม MailBox ลงในโปรเจกต์สัญญาอัจฉริยะของคุณ
install-sdk.sh
npm install @sudobility/contracts
# or
yarn add @sudobility/contracts
# or
pnpm add @sudobility/contractsสอง
อินเตอร์เฟสนำเข้า
~1 นาทีนำเข้าอินเทอร์เฟซ IMailBox ในสัญญาของคุณ
นำเข้า-อินเตอร์เฟส.sol
<!doctype html>
<html lang="en">
<head>
<script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>
<script type="module" src="/@vite/client"></script>
<meta charset="UTF-8" />
<!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
<script>
window.onerror = function (m) {
if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
return false;
};
</script>
<!-- Favicon and Icons -->
<link rel="icon" type="image/png" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/favicon-192.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />
<!-- Viewport and Basic Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#3b82f6" />
<!-- Security Headers -->
<meta http-equiv="X-Content-Type-Options" content="nosniff" />
<meta http-equiv="X-XSS-Protection" content="1; mode=block" />
<meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
<meta
http-equiv="Permissions-Policy"
content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
/>
<!-- Primary Meta Tags -->
<title>Signic - Web3 Email Platform | Wallet-Based Email</title>
<meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
<meta
name="description"
content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
/>
<meta
name="keywords"
content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
/>
<meta name="author" content="Sudobility Inc" />
<meta
name="robots"
content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
/>
<!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta
property="og:title"
content="Signic - Web3 Email Platform | Wallet-Based Email"
/>
<meta
property="og:description"
content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
/>
<meta property="og:image" content="https://signic.email/logo.png" />
<meta property="og:site_name" content="Signic" />
<meta property="og:locale" content="en_US" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://signic.email" />
<meta
property="twitter:title"
content="Signic - Web3 Email Platform | Wallet-Based Email"
/>
<meta
property="twitter:description"
content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
/>
<meta property="twitter:image" content="https://signic.email/logo.png" />
<meta property="twitter:creator" content="@signicemail" />
<meta property="twitter:site" content="@signicemail" />
<!-- Application Meta -->
<meta name="application-name" content="Signic" />
<meta name="msapplication-TileColor" content="#3b82f6" />
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="format-detection" content="telephone=no" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="Signic" />
<meta name="copyright" content="Sudobility Inc. All rights reserved." />
<!-- PWA -->
<link rel="manifest" href="/manifest.json" />
<!-- DNS Prefetch and Preconnect -->
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<link rel="dns-prefetch" href="//fonts.gstatic.com" />
<link rel="dns-prefetch" href="//api.signic.email" />
<link rel="dns-prefetch" href="//signic.email" />
<link rel="dns-prefetch" href="//walletconnect.com" />
<link rel="dns-prefetch" href="//phantom.app" />
<link rel="dns-prefetch" href="//metamask.io" />
<!-- Preconnect for critical third-party domains -->
<link rel="preconnect" href="https://api.signic.email" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<!-- Preconnect to Firebase (for analytics and performance) -->
<link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
<link rel="preconnect" href="https://www.google-analytics.com" crossorigin />
<!-- Preconnect to RPC providers (only establish connection, don't load) -->
<link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
<link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />
<!-- Above-the-fold CSS inline for fastest render -->
<style>
/* Critical CSS for initial paint - Optimized for LCP */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #fff;
color: #111827;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Critical above-the-fold hero styles for immediate paint */
.hero-gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.hero-content {
max-width: 1200px;
padding: 2rem;
text-align: center;
}
h1 {
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
}
.loading {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.spinner {
width: 40px;
height: 40px;
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid white;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#root {
min-height: 100vh;
}
/* Prevent layout shift */
img {
max-width: 100%;
height: auto;
display: block;
}
</style>
<!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
<link rel="dns-prefetch" href="//ethereum-api.xyz" />
<link rel="dns-prefetch" href="//polygon-rpc.com" />
<link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
<link rel="dns-prefetch" href="//rpc.ankr.com" />
<!-- Wallet provider DNS prefetch - connections established on demand -->
<link rel="dns-prefetch" href="//walletconnect.org" />
<link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />
<!-- CDN optimizations -->
<link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
<link rel="dns-prefetch" href="//unpkg.com" />
<!-- Service worker registration hint -->
<link rel="prefetch" href="/sw.js" />
<!-- Font loading - deferred for LCP -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
rel="stylesheet"
media="print"
onload="this.media = 'all'"
/>
<noscript>
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
</noscript>
<!-- Structured Data -->
<script type="application/ld+json">
[
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Signic",
"alternateName": ["signic.email", "Web3 Email Platform"],
"description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
"url": "https://signic.email",
"applicationCategory": ["BusinessApplication", "CommunicationApplication"],
"operatingSystem": "Web Browser",
"browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
"softwareRequirements": "Web3 wallet extension or mobile app",
"datePublished": "2024-01-01",
"dateModified": "2026-07-17",
"isAccessibleForFree": true,
"featureList": [
"Wallet-based authentication - no passwords required",
"ENS domain email support (.eth domains)",
"Solana Name Service email support (.sol domains)",
"Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
"Smart contract email notifications",
"DAO governance email tools",
"Email delegation for teams and DAOs",
"Web2/Web3 bridge communication"
],
"offers": [
{
"@type": "Offer",
"name": "Free Web3 Email",
"price": "0",
"priceCurrency": "USD",
"description": "Free wallet-based email address"
},
{
"@type": "Offer",
"name": "Premium ENS/SNS Email",
"price": "2",
"priceCurrency": "USD",
"description": "Use your ENS or SNS domain as email address"
}
],
"author": {
"@type": "Organization",
"name": "Signic",
"url": "https://signic.email"
},
"installUrl": "https://signic.email/connect",
"screenshot": "https://signic.email/logo.png"
},
{
"@context": "https://schema.org",
"@type": "Organization",
"@id": "https://signic.email/#organization",
"name": "Signic",
"url": "https://signic.email",
"logo": "https://signic.email/logo.png",
"description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
"foundingDate": "2024-01-01",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer service",
"email": "[email protected]",
"availableLanguage": "English"
},
"sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
},
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://signic.email/#website",
"name": "Signic",
"url": "https://signic.email",
"publisher": {
"@id": "https://signic.email/#organization"
}
},
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "How to Set Up Web3 Email with Crypto Wallet",
"description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
"image": "https://signic.email/logo.png",
"totalTime": "PT5M",
"estimatedCost": {
"@type": "MonetaryAmount",
"currency": "USD",
"value": "0"
},
"supply": [
{
"@type": "HowToSupply",
"name": "Web3 Wallet (MetaMask, Phantom, etc.)"
},
{
"@type": "HowToSupply",
"name": "ENS domain (optional but recommended)"
}
],
"tool": [
{
"@type": "HowToTool",
"name": "Web browser with wallet extension"
}
],
"step": [
{
"@type": "HowToStep",
"name": "Connect Your Wallet",
"text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
},
{
"@type": "HowToStep",
"name": "Verify Your Identity",
"text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
},
{
"@type": "HowToStep",
"name": "Configure Email Address",
"text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
},
{
"@type": "HowToStep",
"name": "Start Using Web3 Email",
"text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
}
]
}
]
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
สาม
ส่งอีเมล
~5 นาทีเรียกใช้ฟังก์ชัน sendEmail จากตรรกะของสัญญาของคุณ
ส่งอีเมล.sol
<!doctype html>
<html lang="en">
<head>
<script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>
<script type="module" src="/@vite/client"></script>
<meta charset="UTF-8" />
<!-- Safari JSON-LD error handler - suppress non-critical structured data errors -->
<script>
window.onerror = function (m) {
if (m && m.indexOf && m.indexOf('@context') !== -1) return true;
return false;
};
</script>
<!-- Favicon and Icons -->
<link rel="icon" type="image/png" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/favicon-192.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />
<!-- Viewport and Basic Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#3b82f6" />
<!-- Security Headers -->
<meta http-equiv="X-Content-Type-Options" content="nosniff" />
<meta http-equiv="X-XSS-Protection" content="1; mode=block" />
<meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
<meta
http-equiv="Permissions-Policy"
content="camera=(), microphone=(), geolocation=(), interest-cohort=()"
/>
<!-- Primary Meta Tags -->
<title>Signic - Web3 Email Platform | Wallet-Based Email</title>
<meta name="title" content="Signic - Web3 Email Platform | Wallet-Based Email" />
<meta
name="description"
content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email, with multi-chain support for Ethereum, Solana, and Polygon."
/>
<meta
name="keywords"
content="Web3 email, blockchain email, wallet email, ENS email, SNS email, decentralized email, crypto email, passwordless email, ethereum email, solana email, DAO governance email"
/>
<meta name="author" content="Sudobility Inc" />
<meta
name="robots"
content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
/>
<!-- Canonical URL - dynamically set by SEOHead.tsx based on current route -->
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta
property="og:title"
content="Signic - Web3 Email Platform | Wallet-Based Email"
/>
<meta
property="og:description"
content="Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS and SNS domains as email."
/>
<meta property="og:image" content="https://signic.email/logo.png" />
<meta property="og:site_name" content="Signic" />
<meta property="og:locale" content="en_US" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://signic.email" />
<meta
property="twitter:title"
content="Signic - Web3 Email Platform | Wallet-Based Email"
/>
<meta
property="twitter:description"
content="Free Web3 email platform with wallet-based authentication. Use ENS and SNS domains as email, with DAO governance tools."
/>
<meta property="twitter:image" content="https://signic.email/logo.png" />
<meta property="twitter:creator" content="@signicemail" />
<meta property="twitter:site" content="@signicemail" />
<!-- Application Meta -->
<meta name="application-name" content="Signic" />
<meta name="msapplication-TileColor" content="#3b82f6" />
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="format-detection" content="telephone=no" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="Signic" />
<meta name="copyright" content="Sudobility Inc. All rights reserved." />
<!-- PWA -->
<link rel="manifest" href="/manifest.json" />
<!-- DNS Prefetch and Preconnect -->
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<link rel="dns-prefetch" href="//fonts.gstatic.com" />
<link rel="dns-prefetch" href="//api.signic.email" />
<link rel="dns-prefetch" href="//signic.email" />
<link rel="dns-prefetch" href="//walletconnect.com" />
<link rel="dns-prefetch" href="//phantom.app" />
<link rel="dns-prefetch" href="//metamask.io" />
<!-- Preconnect for critical third-party domains -->
<link rel="preconnect" href="https://api.signic.email" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<!-- Preconnect to Firebase (for analytics and performance) -->
<link rel="preconnect" href="https://firebaseinstallations.googleapis.com" crossorigin />
<link rel="preconnect" href="https://www.google-analytics.com" crossorigin />
<!-- Preconnect to RPC providers (only establish connection, don't load) -->
<link rel="preconnect" href="https://eth-mainnet.g.alchemy.com" crossorigin />
<link rel="preconnect" href="https://solana-mainnet.g.alchemy.com" crossorigin />
<!-- Above-the-fold CSS inline for fastest render -->
<style>
/* Critical CSS for initial paint - Optimized for LCP */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #fff;
color: #111827;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Critical above-the-fold hero styles for immediate paint */
.hero-gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.hero-content {
max-width: 1200px;
padding: 2rem;
text-align: center;
}
h1 {
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
}
.loading {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.spinner {
width: 40px;
height: 40px;
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid white;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#root {
min-height: 100vh;
}
/* Prevent layout shift */
img {
max-width: 100%;
height: auto;
display: block;
}
</style>
<!-- Web3 provider optimization - DNS prefetch only (loaded lazily) -->
<link rel="dns-prefetch" href="//ethereum-api.xyz" />
<link rel="dns-prefetch" href="//polygon-rpc.com" />
<link rel="dns-prefetch" href="//solana-api.mainnet-beta.solana.com" />
<link rel="dns-prefetch" href="//rpc.ankr.com" />
<!-- Wallet provider DNS prefetch - connections established on demand -->
<link rel="dns-prefetch" href="//walletconnect.org" />
<link rel="dns-prefetch" href="//safe-transaction.mainnet.gnosis.io" />
<!-- CDN optimizations -->
<link rel="dns-prefetch" href="//cdn.jsdelivr.net" />
<link rel="dns-prefetch" href="//unpkg.com" />
<!-- Service worker registration hint -->
<link rel="prefetch" href="/sw.js" />
<!-- Font loading - deferred for LCP -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
rel="stylesheet"
media="print"
onload="this.media = 'all'"
/>
<noscript>
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
</noscript>
<!-- Structured Data -->
<script type="application/ld+json">
[
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Signic",
"alternateName": ["signic.email", "Web3 Email Platform"],
"description": "Free Web3 email platform connecting crypto wallets to email addresses. No passwords needed - your wallet is your identity. Use ENS (.eth) and SNS (.sol) domains as email with multi-chain support.",
"url": "https://signic.email",
"applicationCategory": ["BusinessApplication", "CommunicationApplication"],
"operatingSystem": "Web Browser",
"browserRequirements": "HTML5, JavaScript enabled, Web3 wallet (MetaMask, Phantom, WalletConnect)",
"softwareRequirements": "Web3 wallet extension or mobile app",
"datePublished": "2024-01-01",
"dateModified": "2026-07-17",
"isAccessibleForFree": true,
"featureList": [
"Wallet-based authentication - no passwords required",
"ENS domain email support (.eth domains)",
"Solana Name Service email support (.sol domains)",
"Multi-chain support (Ethereum, Solana, Polygon, Arbitrum, Optimism)",
"Smart contract email notifications",
"DAO governance email tools",
"Email delegation for teams and DAOs",
"Web2/Web3 bridge communication"
],
"offers": [
{
"@type": "Offer",
"name": "Free Web3 Email",
"price": "0",
"priceCurrency": "USD",
"description": "Free wallet-based email address"
},
{
"@type": "Offer",
"name": "Premium ENS/SNS Email",
"price": "2",
"priceCurrency": "USD",
"description": "Use your ENS or SNS domain as email address"
}
],
"author": {
"@type": "Organization",
"name": "Signic",
"url": "https://signic.email"
},
"installUrl": "https://signic.email/connect",
"screenshot": "https://signic.email/logo.png"
},
{
"@context": "https://schema.org",
"@type": "Organization",
"@id": "https://signic.email/#organization",
"name": "Signic",
"url": "https://signic.email",
"logo": "https://signic.email/logo.png",
"description": "Web3 email platform connecting blockchain wallets to email addresses with multi-chain support.",
"foundingDate": "2024-01-01",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer service",
"email": "[email protected]",
"availableLanguage": "English"
},
"sameAs": ["https://twitter.com/signicemail", "", "https://discord.gg/upkNXbksVF"]
},
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://signic.email/#website",
"name": "Signic",
"url": "https://signic.email",
"publisher": {
"@id": "https://signic.email/#organization"
}
},
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "How to Set Up Web3 Email with Crypto Wallet",
"description": "Step-by-step guide to connect your crypto wallet and start using Web3 email with ENS domains",
"image": "https://signic.email/logo.png",
"totalTime": "PT5M",
"estimatedCost": {
"@type": "MonetaryAmount",
"currency": "USD",
"value": "0"
},
"supply": [
{
"@type": "HowToSupply",
"name": "Web3 Wallet (MetaMask, Phantom, etc.)"
},
{
"@type": "HowToSupply",
"name": "ENS domain (optional but recommended)"
}
],
"tool": [
{
"@type": "HowToTool",
"name": "Web browser with wallet extension"
}
],
"step": [
{
"@type": "HowToStep",
"name": "Connect Your Wallet",
"text": "Visit signic.email and click 'Connect Wallet'. Select your preferred wallet (MetaMask, Phantom, Coinbase, etc.) and approve the connection."
},
{
"@type": "HowToStep",
"name": "Verify Your Identity",
"text": "Sign a verification message with your wallet to prove ownership. This creates your Web3 email account linked to your wallet address."
},
{
"@type": "HowToStep",
"name": "Configure Email Address",
"text": "If you own an ENS domain (.eth) or SNS domain (.sol), it automatically becomes your email address. Otherwise, use your wallet address or create a custom alias."
},
{
"@type": "HowToStep",
"name": "Start Using Web3 Email",
"text": "Access your inbox, compose messages, and enjoy passwordless email. Set up smart contract notifications and DAO governance alerts as needed."
}
]
}
]
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
ฟีเจอร์ขั้นสูง
ความสามารถที่ทรงพลังสำหรับกรณีการใช้งานซับซ้อน
ตรรกะเงื่อนไข
ส่งอีเมลตามเงื่อนไขซับซ้อนบนโซ่
ตัวอย่าง:
แจ้งผู้ใช้เฉพาะเมื่อขนาดตำแหน่งของพวกเขาเกิน $1,000 และปัจจัยสุขภาพลดต่ำกว่า 150%
ปฏิบัติการแบบกลุ่ม
ส่งอีเมลหลายผู้ใช้ในธุรกรรมเดียว
ตัวอย่าง:
แจ้งผู้ให้บริการ LP ทุกคนเมื่อมีโปรแกรมส่งเสริมใหม่เปิดตัว
ตัวแปรเทมเพลต
เนื้อหาที่เปลี่ยนแปลงตามข้อมูลธุรกรรม
ตัวอย่าง:
รวมจำนวนเงินแลกเปลี่ยน ค่าธรรมเนียม ความคลาดเคลื่อน และแฮชธุรกรรมในการยืนยันการทำรายการ
ตรรกะการลองใหม่
ลองส่งอีเมลใหม่โดยอัตโนมัติเมื่อการส่งล้มเหลว
ตัวอย่าง:
ลองส่งการแจ้งเตือนสำคัญใหม่สูงสุด 3 ครั้ง โดยใช้การหน่วงเวลาแบบเพิ่มขึ้นเรื่อย ๆ (exponential backoff)
เรื่องราวความสำเร็จ
วิธีที่โปรโตคอลเปลี่ยนแปลงประสบการณ์ผู้ใช้ด้วยอีเมลสัญญาอัจฉริยะ
DeFi Yield Protocol
การบูรณาการ:
แจ้งเตือนรางวัลอัตโนมัติ + คำเตือนการยกเลิกสภาพคลาดเคลื่อน
-67%
liquidations
+145%
user Retention
ลด 80%
support Tickets
"อีเมลของสัญญาอัจฉริยะช่วยลดเหตุการณ์การยกเลิกของเราได้ 67% ผู้ใช้จะได้รับคำเตือนทันเวลาและสามารถดำเนินการก่อนที่มันจะสายเกินไป"
NFT Marketplace
การบูรณาการ:
การแจ้งเตือนประมูล + การยืนยันการขาย
+234 %
bid Activity
+156 %
sales Volume
+89%
return Buyers
"การแจ้งเตือนประมูลอัตโนมัติได้เปลี่ยนแปลงตลาดของเรา ผู้ขายตอบสนองเร็วขึ้นและผู้ซื้อยังคงมีส่วนร่วมตลอดการประมูล"
โปรโตคอลเกม
การบูรณาการ:
การปลดล็อกความสำเร็จ + การแจกแจงรางวัล
+178%
daily Active
+267%
quest Completion
+145%
token Earnings
"ผู้เล่นชอบได้รับการแจ้งเตือนทันทีเมื่อพวกเขาเปิดล็อกความสำเร็จ มันคือการทำให้เกมมีระดับใหม่ที่สูงขึ้น"