Frontend Guide on notd

Frontend Quick Start

Mon, 01 Jan 0001 00:00:00 +0000

Get up and running with notd’s powerful frontend features in minutes. This guide covers the essential features you need to know to be productive immediately.

First Steps

1. Understanding the Interface

When you first open notd, you’ll see:

Sidebar (left) - Navigation, search, and quick access
Main area (center) - Your notes and content
Today’s date - notd starts with today’s journal page

2. Create Your First Note

Core Features

Mon, 01 Jan 0001 00:00:00 +0000

Rich Text Editing with Markdown

notd uses Markdown for formatting notes with live preview capabilities. The editor supports:

Headers using # ## ###
Lists with - or 1.
Links using [text](url)
Code blocks with triple backticks
Emphasis with *italic* and **bold**

Page Links

Create internal links to other pages using double square brackets:

1

[[Page Name]]

This creates a clickable link to the specified page. If the page doesn’t exist, it will be created when clicked.

Journal & Tasks

Mon, 01 Jan 0001 00:00:00 +0000

Journal-Based Workflow

notd is built around a journal-based system inspired by tools like LogSeq. This approach uses date-based pages as the foundation for daily note-taking and organization.

Daily Journal Pages

By default, notd redirects to today’s date page (e.g., 2024-07-18). These journal pages:

Are automatically created when first accessed
Provide a consistent starting point for daily work
Can contain any type of content: notes, tasks, links, etc.
Form a chronological record of your thoughts and activities

Navigate between dates using:

Backlinks & Favorites

Mon, 01 Jan 0001 00:00:00 +0000

Backlinks System

Backlinks show you which pages reference the current page, helping you discover connections and relationships in your knowledge base.

How Backlinks Work

When you create a page link using [[Page Name]], notd automatically:

Creates a clickable link to that page
Adds the current page to the target page’s backlinks
Tracks these relationships in the Properties table

Viewing Backlinks

Backlinks appear in several places:

Sidebar - Shows recent backlinks to the current page
Backlinks Modal - Full list accessible via the backlinks button
Context - Shows which note on the source page contains the link

Backlinks Examples

If your “Project Alpha” page contains:

Search & Navigation

Mon, 01 Jan 0001 00:00:00 +0000

notd provides powerful search capabilities that help you find information quickly across all your notes, pages, and attachments. The search system integrates with all frontend features including encryption, properties, and backlinks.

Global Search

Search Interface

The global search is accessible from the sidebar and provides:

Real-time results - Search as you type with debounced queries
Content highlighting - Search terms are highlighted in results
Context snippets - Preview content around matching terms
Property filtering - Filter by page and note properties
Mixed results - Pages and notes shown together with clear distinction

Search Syntax

Basic Search

project management

Finds content containing both “project” and “management”.

User Interface

Mon, 01 Jan 0001 00:00:00 +0000

notd features a modern, responsive user interface built with Alpine.js and designed for efficient note-taking and knowledge management. This guide covers the interface components, interactions, and customization options.

Interface Overview

Main Layout

The notd interface consists of several key areas:

Sidebar - Navigation, search, recent pages, favorites, and calendar
Main Content Area - Note editing and viewing
Toolbar - Action buttons and extension access
Status Bar - Page information and connection status

Responsive Design

notd adapts to different screen sizes:

Best Practices

Mon, 01 Jan 0001 00:00:00 +0000

This guide covers best practices for using notd effectively, drawn from real-world usage patterns and team collaboration experiences.

Content Organization

Naming Conventions

Use consistent, descriptive page names:

1
2
3
4
5
6
7
8
9


# Good Examples
Meeting Notes - Project Alpha - 2024-07-18
Project Alpha/Requirements
Team/John Smith/Performance Review 2024

# Avoid
mtg notes
proj requirements 
john stuff

Establish team conventions:

Troubleshooting

Mon, 01 Jan 0001 00:00:00 +0000

Common issues and solutions for notd frontend features.

Search Issues

Search Not Finding Content

Problem: Global search returns no results for content you know exists.

Solutions:

Check encryption status - Encrypted content requires the page password
Verify content is saved - Ensure changes were saved before searching
Check property syntax - Properties must use correct syntax: {key::value}
Search different terms - Try broader or alternative keywords

Example Fix:

1
2
3


# If searching for: "project planning"
# Try instead: "project" or "planning" separately
# Or check if content uses different terms like "project preparation"

Search Results Missing Context

Problem: Search results don’t show enough context around matching terms.

Frontend Guide on notd

Frontend Quick Start

First Steps

1. Understanding the Interface

2. Create Your First Note

Core Features

Rich Text Editing with Markdown

Page Links

Journal & Tasks

Journal-Based Workflow

Daily Journal Pages

Date Navigation

Backlinks & Favorites

Backlinks System

How Backlinks Work

Viewing Backlinks

Backlinks Examples

Search & Navigation

Global Search

Search Interface

Search Syntax

Basic Search

User Interface

Interface Overview

Main Layout

Responsive Design

Best Practices

Content Organization

Naming Conventions

Troubleshooting

Search Issues

Search Not Finding Content

Search Results Missing Context