The Only App You Need for Work-Life Productivity

Notion

https://api.typedream.com/v0/app/collection_content/3dfba8b2-6092-419b-953e-77d582920baf_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

A website builder with a familiar text-editing interface and beautiful built-in defaults

Typedream

https://api.typedream.com/v0/app/collection_content/7648ba72-2e24-4f84-91df-750a1d49b030_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

A super-flexible database, with a spreadsheet interface and connections to your favourite NoCode tools

Airtable

https://api.typedream.com/v0/app/collection_content/77f328e9-8cbb-45eb-93d6-ce44b50ab01d_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

10 Website Design Process Steps for a High Converting Website

https://api.typedream.com/v0/app/collection_content/0dd4bc06-edbd-445c-859e-a8f07553c8fe_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/0dd4bc06-edbd-445c-859e-a8f07553c8fe_46d710fd-ec90-498a-901c-d6acd853f5fa_published_collection_rich_content.json

Common Mistakes When Coming Up with Startup Ideas

https://api.typedream.com/v0/app/collection_content/6c4fef89-9c4f-4eeb-9c4c-4be1ca90b7ff_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/6c4fef89-9c4f-4eeb-9c4c-4be1ca90b7ff_46d710fd-ec90-498a-901c-d6acd853f5fa_published_collection_rich_content.json

How To Build A Startup 101

https://api.typedream.com/v0/app/collection_content/c2609392-afc8-471d-a90b-a9f14b7108c0_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/c2609392-afc8-471d-a90b-a9f14b7108c0_46d710fd-ec90-498a-901c-d6acd853f5fa_published_collection_rich_content.json

Getting Started

https://api.typedream.com/v0/app/collection_content/ed698f16-aa90-47fd-a56e-a8a07df19977_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/ed698f16-aa90-47fd-a56e-a8a07df19977_46d710fd-ec90-498a-901c-d6acd853f5fa_published_collection_rich_content.json

Your First Page

https://api.typedream.com/v0/app/collection_content/eb87a2aa-594a-4528-9bd2-c22c3da0833e_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Adding Integrations

https://api.typedream.com/v0/app/collection_content/16d5fb11-ae2d-479f-9338-2c3bc5e6b779_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/16d5fb11-ae2d-479f-9338-2c3bc5e6b779_46d710fd-ec90-498a-901c-d6acd853f5fa_published_collection_rich_content.json

Examples

Features

Templates

Showcase

Resources

Pricing

Login

SyncBlock-86

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WTZ8GQJR" height="0" width="0"
    style="display:none;visibility:hidden"></iframe></noscript>



<script>
  window.onload = () => {

    // ==== Update current query parameters to include `source` ====
    // Rewardful uses `via`, this isn't tracked in Plausible

    let params = new URL(document.location).searchParams;

    // ==== Update current query parameters to include `source` ====
    // Rewardful uses `via`, this isn't tracked in Plausible
    
    let newParams = new URL(document.location);
        let viaFound = false;
        let sourceFound = false;
        params.forEach((value, key) => {
          if (key === "via") {
            viaFound = true;
            newParams.searchParams.set("source", `via-${value}`);
          }
          if (key === "source") {
            sourceFound = true;
          }
        });
        if (viaFound && !sourceFound) {
          window.location = newParams.href;
        }

        // ==== Update utm_source for links that contains build TYPEDREAM_HREF ====
    // Get all links that contains build TYPEDREAM_HREF
    const TYPEDREAM_HREF = "typedream.com";
    const BUILD_TYPEDREAM_HREF = "build.typedream.com";
    Array.from(
      document.querySelectorAll(`[href*='${TYPEDREAM_HREF}']`)
    ).forEach((e) => {
      var href = e.getAttribute("href");
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();

      // track conversion
      // if (e.href.includes(BUILD_TYPEDREAM_HREF)) {
      //  e.addEventListener('click', function() {gtag_report_conversion(e.href)})
      // }
    });

   Array.from(document.querySelectorAll(`[href^='/']`)).forEach((e) => {
      var href = e.getAttribute("href");
      href = `${window.location.protocol}//${window.location.host}${href}`;
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();
    });


    // Make sticky table of contents
    var sibling = document.getElementById("sticky-sibling")
    if (sibling && sibling.nextSibling) {
      var toc = sibling.nextSibling
      toc.style.backgroundColor = 'red';
    }
  };

</script>





<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=f871bdf7-2c33-4fbd-bb5d-7e7ab05bea84">
</script>




<script>
  const searchClient = algoliasearch(
        "SMJ4AJCZFI",
        "bdf124d4eb5f98cc467769a011fba85a"
      );

      const search = instantsearch({
        indexName: "help_typedream",
        searchClient
      });

      setTimeout(() => {
        search.addWidgets([
          instantsearch.widgets.searchBox({
            container: "#searchbox",
            searchAsYouType: false,
            placeholder: "Search for articles"
          }),
          instantsearch.widgets.hits({
            container: "#hits",
            templates: {
              item(hit, { html, components }) {
                return html`
                  <a
                    class="search-hit-row-link"
                    href=${hit.link}
                    target="_blank"
                  >
                    <div class="search-hit-row">
                      <h2>
                        ${components.Highlight({ attribute: "name", hit })}
                      </h2>
                      <p>${hit.description}</p>
                    </div>
                  </a>
                `;
              },
              empty(results, { html }) {
                return html`<div class="search-empty ais-InfiniteHits-item">
                  No results for <q>${results.query}</q>
                </div>`;
              },
              showMoreText(data, { html }) {
                return html`<span class="search-showmore">Show more</span>`;
              }
            }
          })
        ]);

        // Conditionally display the hits widget only when a search query is entered
        search.on("render", () => {
          const hitsContainer = document.querySelector("#hits");
          if (search.helper.state.query === "") {
            hitsContainer.style.display = "none";
          } else {
            hitsContainer.style.display = "block";
          }
        });

        search.start();
      }, 500);
</script>

CMS Examples

Build a Blog, Directory, and more with CMS!

Blog

10 Website Design Process Steps for a High Converting Website

Common Mistakes When Coming Up with Startup Ideas

How To Build A Startup 101

Knowledge Base

Directory

Notion

Typedream

Airtable

Ready to use CMS?