This is the official research website for Electisec, featuring comprehensive guides on smart contract security and cryptographic protocols.
- Proxies Research: Comprehensive guide to smart contract proxy patterns and security vulnerabilities
- MPC Research: Advanced research on multi-party computation protocols and cryptographic security
- Category-based Content Management: Organized content structure with markdown support
- Responsive Design: Modern, mobile-friendly interface
- Search Functionality: Full-text search across all research content
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
Open http://localhost:3000 with your browser to see the result.
content/
├── proxies/ # Smart contract proxy research
│ ├── home.md
│ ├── proxy-basics.md
│ └── ...
└── mpc/ # Multi-party computation research
├── home.md
├── protocol-basics.md
└── ...
The site architecture is designed to easily support new research categories. Follow these steps to add a new category (e.g., "cryptography"):
Edit lib/categories.json
and add your new category:
{
"categories": {
"proxies": { ... },
"mpc": { ... },
"cryptography": {
"title": "Electisec Cryptography Research",
"description": "Advanced research on cryptographic protocols and security analysis",
"component": "ContentSection",
"contentSource": "markdown",
"contentPath": "content/cryptography",
"seo": {
"title": "Electisec Cryptography Research | Advanced Cryptographic Protocols",
"keywords": [
"cryptography",
"cryptographic protocols",
"encryption",
"security analysis",
"Electisec"
],
"baseUrl": "https://research.electisec.com/cryptography"
}
}
}
}
Create the content directory structure:
mkdir content/cryptography
Create your research content as markdown files in the new directory. Always include a home.md
file as the landing page:
# Required: Landing page
touch content/cryptography/home.md
# Add your research topics
touch content/cryptography/symmetric-encryption.md
touch content/cryptography/hash-functions.md
touch content/cryptography/digital-signatures.md
Each markdown file should include frontmatter metadata:
---
title: "Cryptography Research Overview"
description: "Advanced research on cryptographic protocols and security"
nav_order: 1
---
# Cryptography Research Overview
Your content here...
-
Start the development server:
npm run dev
-
Visit your new category:
- Main page:
http://localhost:3000/cryptography
- Individual topics:
http://localhost:3000/cryptography/symmetric-encryption
- Main page:
-
Verify functionality:
- ✅ Navigation works
- ✅ Search functionality
- ✅ Content displays properly
- ✅ Mobile responsive design
# Test production build
npm run build
# Deploy to your hosting platform
npm run start
Your new category will be automatically available at:
research.electisec.com/cryptography
research.electisec.com/cryptography/[topic-slug]
- File Naming: Use kebab-case for filenames (
symmetric-encryption.md
) - Frontmatter: Always include
title
,description
, and optionallynav_order
- Home Page: Each category must have a
home.md
file - Navigation Order: Use
nav_order
to control sidebar ordering - Links: Use relative links between content files
- Images: Store in
/public/assets/images/
and reference as/assets/images/filename.jpg
The categories configuration supports additional options:
{
"title": "Display Title",
"description": "SEO description",
"component": "ContentSection",
"contentSource": "markdown",
"contentPath": "content/category-name",
"seo": {
"title": "Full SEO title",
"keywords": ["keyword1", "keyword2"],
"baseUrl": "https://research.electisec.com/category-name"
}
}
That's it! The generalized architecture handles all the routing, navigation, search functionality, and responsive design automatically.
This site is designed to be deployed at research.electisec.com
with:
- Proxies section at:
research.electisec.com/proxies
- MPC section at:
research.electisec.com/mpc
For questions, feedback, or contributions, please contact Electisec.