This website
My website design and developer notes.
Table of Contents
URL layout
https://{{baseUrl}}
/
/posts
/{post}
/docs
/media
/{topic}
/devnotes
/{devnote}
/interviews
/{interview}
/jobsearch
/{jobsearch}
/slides
/{slide}
/cv
/support
Website layout
Base layout
-
Head
- Website title
- Accessibility, viewport
- SEO & Document information
- Analytics
- CSS styles and fonts
-
Header
- Navigation bar
- Menu
- Breadcrumbs
-
Main block
- Article header
- Content
- Footer
-
Footer
- Site build info
- Copyright info, twitter handle
- Sitemap, RSS and source code link
- Javascript bundles.
Single layout
Override base main block to include these in post footer.
- Add post title if exists
- Git info
If the single page is a blog post then add these in footer.
- Support me
- Pagination for posts
List layout
Override base main block to include these in post footer.
- Add “See” list heading at level 2
- Pagination for lists of items
- If list items are simple page such as documents, CV and support pages then add them as unordered list of items
- If list item is an article like a blog post then add the list of blocks with post title, meta data and description
Website features
- Designed for reading and printing text
- Switchable dark and light themes, automatic selection based on system theme.
- Code blocks highlighted, has code copy button.
- Responsive and accessible.
- SEO friendly OpenGraph and twitter cards support.
Growth hacking
- Write articles & comments on DEV, Medium, Hacker News or Reddit.
- Collaborate with influencers, diversify influencer collaborations to reach different regions and maximize impact.
- Documentation: create clear, concise, and engaging descriptions of the project, catering to both technical and non-technical audiences.
- Documentation: experiment with different formats, including memes and captivating one-liners, to pique curiosity and drive interest.
- Build community by embracing marketing, leveraging influencers, optimizing documentation, and focusing on short-term goals to maximize the project’s visibility, attract a dedicated user base, and achieve significant growth.