Title is Sample
Dark Mode status (true/false) : true
Dark Mode status : Enabled
Sum of numbers 1 to 100 is 5050
Undefined variable : undefined
Main URL is https://sample.nquick.blog
Available variables are title, language_code, description, footer_description, site_url, theme, dark_mode, dark_theme, twitter_username, google_maps_api_key, pwa_enabled, theme_options, dark_theme_options
Used databases : Sample DB, Sample Database, Tasks, Projects, Sample Database, Notation Usage Database
Title is Sample
Icon URL : /assets/android-chrome-512x512-png-66e9456cddab715ce45d6ff69d06b284.png
Last Build Timestamp : 1680983102531
Page(nav) Count : 19
Article Count : 4
Profiles Count : 1
Pages : Secret, Contact, About Us, Home Pages, Database, Extras, Full Preview, Title List, Full Tab Icon Preview, Full Tab Preview, Carousel Preview, Hero Cover Preview, Hero Preview, Chat Bubble, Card Cover, Card Preview, Summary Preview, Timeline Preview, General
Articles : Variable and Query Support, Documentation and FAQ, Theme Changer, Test Article But With Very Long Title And More Characters
Profiles : NQuick
Sum of numbers 1 to 100 is 5050
Item count of a specific database is 3
You can use JSONata for your configurations variables and api.json queries.
Copy config data or api.json content to there→ https://try.jsonata.org/ and test it.
// usage in php
$title = "Sample";
$dark_mode = true;
// or
$dark_mode = "true" == "true";var title = "Sample";
var darkMode = JSON.parse("true");
// jsonata expressions in [ ]
var configs = {"title":"Sample","language_code":"en","description":"Your site description.","footer_description":"© 2022 NQuick Blog. All rights reserved.","site_url":"https://sample.nquick.blog","theme":"winter","dark_mode":true,"dark_theme":"night","twitter_username":"nquick","google_maps_api_key":"AIzaSyD9HrlRuI1Ani0-MTZ7pvzxwxi4pgW0BCY","pwa_enabled":true,"theme_options":["winter","night","cyberpunk","valentine","halloween","aqua","fantasy","light","dark","forest","cupcake","bumblebee","emerald","corporate","synthwave","retro","garden","lofi","pastel","fantasy","wireframe","black","luxury","dracula","cmyk","autumn","business","acid","lemonade","night","coffee"],"dark_theme_options":["night","halloween","aqua","fantasy","light","dark","forest","cupcake","bumblebee","emerald","corporate","synthwave","black","luxury","dracula","business","night","coffee"]};
var shouldTrue = true;
var shouldFalse = false;
var disqusEnabledScopeArticle = false ? "yes" : "no";NQuick is a Notion integration to convert your Notion contents to website (or blog or API).
When you click the deploy button NQuick gets your content from your notion template and creates a complete website, a ready to install PWA mobile app and an API for professional usage.
It’s incredibly fast! Because it’s a static website that deployed on Cloudflare CDN system. No need to mention the offline working and caching feature!
There are 5 kinds of content. You can create website with Pages. You can create blog with Articles. You can customize your website with Configuration (aka: Modules). Also you can create Author Profiles for multiple author. You can list, design and handle your content with your Home Page.
✅ It’s easier than you think.
🆓 No hosting costs. We will give you a domain name like yoursite.nquick.blog for free.
But if you want use YourOwnDomain.com you can connect it with NQuick easly. No extra cost for custom domains. All included in you subscription.
🎨 Yes. There are 24 wonderful themes. You have no limits. You can use your own css styles too. Customization is enabled for all html, javascript and css.
It’s Blog. It’s Mobile App. It’s Api. It’s SPA. You can even make a game with it. Your imagination is limitless.
🏁 If you have friend who using Wordpress. Just create a NQuick website and compare their speed. Tested on : https://tools.keycdn.com/performance
ℹ️ NQuick builds your site once. And deploys it to the world once (Cloudflare CDN). But Wordpress receives every request from the other side of the world and responds back to the other side of the world.

⚠️ You will see first full load time is longer in NQuick. It’s not problem because it download all pages in background for extra speed to surf between pages. You can use website offline after the first full load.
📦 NQuick compresses your images and content for extra speed. It optimizes Unsplash images too.
ℹ️ You will get answer in 3 days.
Email : Type form.
There are 5 kind of content; Article, Page, Author Profile, Home Page, Configuration. You can select type of your content on Notion.

Pages are listed in navigation bar hierachycally.

Example: Contact Us, About Us
Article can be listed on other types like Home Page and Pages.
They aren’t listed in navigation bar.

Example: How to make up? , My first blog article.
Home page is the main page of your website. It is usually the first page visitors will see, and it includes information about you, your services, and any other important content. It can also include links to other pages or articles on your website. Home Page is highly customizable and can be tailored to fit your needs.
You can one of sample home pages. Or customize them.
Notion Side (Customization)

Carousel Home Page

Chat Bubble Home Page

Timeline

Tabs Home Page

Hero Cards

Cards

It’s what user see when click your profile. Use Author property and create it with same name.


Configurations are not website page. They will not published like pages, articles, author profies, home page. But they will be used in all of your page.
All modules are a configuration. You can create your own module.
Main configuration is Configuration please do not delete it!
Notion Side

NQuick Panel Side

There are default modules. Set them Published to use them. (Read them first)

Use NQuick panel to set them : https://nquick.blog/blogs
They are important for SEO.

There are 14 languages. Set blog language to your content’s language.
Also URL slug’s will localized. ( “Article Name” → yoursite.com/article-name )
Example for Turkish : “Yazı Dili” → yoursite.com/yazi-dili
Example for Korean: “기사 언어” → yoursite.com/gisa-eon-eo
Example for Japanese : “記事の言語” → yoursite.com/kiji-no-gengo
Example for German : “Schöne Artikelsprache” → yoursite.com/schone-artikelsprache
You can also use custom slugs: [slug=sample] → yoursite.com/sample
Set a light theme and dark theme. Do not forget to enable dark mode and automatic dark mode module. Some users are using the entire operating system in dark mode. Setting dark mode will make them happy.

Set your own icon on Notion. It’s required for pwa mobile app and website favicon.
ℹ️ You could also use emojis and notion icons if you have no logo.


| Tag Type | Usage | Scope | Description |
|---|---|---|---|
| Normal (Both) | Example | Keyword(SEO) + Blog | It’ll be shown blow the content and It’ll be added to keywords header. |
| Keyword Only | *Example | Keyword(SEO) | It’ll be added to keywords header. |
| Blog Only | #Example | Blog | It’ll be shown blow the content |
Blog Tag
If you have page with same title. It will navigate user to the page.

Keyword Tag
It’s important for SEO.
<meta name="keywords" content="Notion, Tutorial, Blog">
ℹ️ If you want to add a tag to all pages and article. Add it to your Home Page .
If you have your own domain add it. https://nquick.blog/blogs

⚠️ Do not forget to set site url again and deploy.

You can encypt your content in toggle and toggle header . NQuick uses strong AES protection on client side.
Type /toggle or /toggle heading and create toogle.
Set title of toggle like My Title [password=mypassword]
Here is a sample. Password is demo
Notion covers and icons will shown on your site. Just set them on Notion.
Notion →

← Website

All of them are supported defaultly. NQuick is search engine friendly.
Sitemap : https://yoursite.com/sitemap-index.xml
Robots : https://yoursite.com/robots.txt
RSS: https://yoursite.com/rss.xml
Check Disqus Module for details.
Check Google Tag Manager Module for details.
Check Add To Any Module
Nquick provides extra features with Notations. If you use them in your notion content, they will be compiled to extra features.
| Notation | Example | Description |
|---|---|---|
| ArticleAuthorFilter | [ArticleAuthorFilter=NQuick] | Lists articles only by this author. |
| ArticleLimit | [ArticleLimit=5] | Lists maximum 5 articles. |
| ArticleSortBy | [ArticleSortBy=Priority] | Sorts articles by Priority |
| ArticleSortBy | [ArticleSortBy=Created] | Sorts articles by Created time |
| ArticleSortBy | [ArticleSortBy=Updated] | Sorts articles by Updated time |
| ArticleSortReverse | [ArticleSortReverse] | Reverses order. |
| ArticleTagFilter | [ArticleTagFilter=General] | Lists articles only have this tag. |
| DatabaseCardSize | [DatabaseCardSize=Small] | Sets card size for gallery view |
| DatabaseFilter | [DatabaseFilter( $[$contains(properties."Task name".title[0].plain_text,"Task")] )] | Filters database items |
| DatabaseGroupBy | [DatabaseGroupBy=Project] | Groups view by property |
| DatabaseGroupByDesc | [DatabaseGroupByDesc=Project] | Groups view by property. (Reversed) |
| DatabaseId | [DatabaseId=6a07a8e9-5280-4042-bb2f-4e8f3bab264e] or [DatabaseId-SetMainDatabase] | Set database id manually (for fixing “could not find child_database problem”) |
| DatabaseLimit | [DatabaseLimit=10] | Limits item count |
| DatabaseProperties | [DatabaseProperties=Name,Description,Email] | Select which properties will shown |
| DatabaseShowTitle | [DatabaseShowTitle] | Shows title of database |
| DatabaseSort | [DatabaseSort=Name] | Order database (ascending) |
| DatabaseSortDesc | [DatabaseSortDesc=Name] | Order database descending |
| DatabaseView | [DatabaseView=table] | Select type of database view |
| HideBadge | [HideBadge] | Hides Update Time and Author Name |
| HideBottomNavigation | [HideBottomNavigation] | Hides Bottom Navigation (Previous Article and Next Article) |
| HideFooter | [HideFooter] | Hides footer of website. |
| HideNavigation | [HideNavigation] | Hides Navigation Bar of website. |
| HideTags | [HideTags] | Tags will not be listed. |
| HideTitle | [HideTitle] | Hides Title. |
| HideTitleIcons | [HideTitleIcons] | Hides icon of title. |
| HTML Attributes and Tag | [ ( tag=”a” href=”#” class=”btn btn-primary” ) ] NOTE: without spaces between “[” and “(” | Set html attributes and tag for paragraphs, divisions, toggles etc. |
| ListArticlesAs | [ListArticlesAs=FullPreview] | List |
| ListPagesToo | [ListPagesToo] | Lists pages and article both. |
| ListProfilesToo | [ListProfilesToo] | Lists profiles and article both. |
| ListUnlisted | [ListUnlisted] | Lists unlisted pages and articles too. |
| MainDatabase | [MainDatabase] | Makes database main. |
| Open | [Open] | Open Toggle |
| Password | [password=123] | Encrypts inner content |
| Priority | [priority=3] | Sets priorty of page on navigation bar |
| PrivateDatabase | [PrivateDatabase] | Makes database private. |
| Query (# Notation) | # →[configuration.title] or # ->[configuration.title] | Prints value of a query. (without space between # and arrow) |
| Slug | [slug=mypage] | Sets URL of page like yoursite.com/mypage |
| Unlisted | [Unlisted] | Page will not shown in navigation bar also article will not be listed. |
| Variable ($ Notation) | $ →[title] or $ ->[title] | Prints configuration variable. (without space between $ and arrow) |
Hello, you can change the theme here quickly.
It’s a paragraph…
| User Table | Status | Score |
|---|---|---|
| Tester | Active | 2 |
| Tester 2 | Passive | 3 |
Very important quote that someone said
Divider
Emoji Support 😍
\sum_{i=1}^\infty\frac{1}{n^2}=\frac{\pi^2}{6}
Some Math : E = mc^2
Test Article But With Very Long Title And More Characters
[Hidden] It will published because of hidden only work on toggle headers.


Shamanism is a religious practice that involves a practitioner interacting with the spirit world through altered states of consciousness, such as trance. Beliefs and practices categorized as "shamanic" have attracted the interest of scholars from a variety of disciplines, including anthropologists, archeologists, historians, religious studies scholars, philosophers and psychologists. Hundreds of books and academic papers on the subject have been produced, with a peer-reviewed academic journal being devoted to the study of shamanism.
function test(){
// Code23rr
}In notion link :
do not forget icon support to link to notion pages
Date (3p)
Next event date :
Pre :
Link / Embed Types:
https://nquick.blog/blog/new-blog
Use codes like this :
<b>Test HTML</b>
Not like this
Test HTML
Because HTML code will be executed.
Markdown code
### We also execute
**Markdown code**
Mermaid Diagram Graph, Flowchart Support :
graph TD Connect --> Install Install --> Configure Configure --> AddDomain Configure --> RemoveDomain Configure --> Deploy
Mermaid Diagram ClassDiagram Support
classDiagram
Animal <|-- Duck
Animal <|-- Fish
Animal <|-- Zebra
class Animal{
+int age
+String gender
+isMammal()
+mate()
}
class Duck{
+String beakColor
+swim()
+quack()
}
class Fish{
-int sizeInFeet
-canEat()
}
class Zebra{
+bool is_wild
+run()
}
Mermaid Pie
pie showData
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
Mermaid Sequence Diagram
sequenceDiagram
Alice->>+John: Hello John, how are you?
John-->>-Alice: Great!
Mermaid State Diagram
stateDiagram-v2
state if_state <>
[*] --> IsPositive
IsPositive --> if_state
if_state --> False: if n < 0
if_state --> True : if n >= 0
Mermaid Journey
journey
title My working day
section Go to work
Make tea: 5: Me
Go upstairs: 3: Me
Do work: 1: Me, Cat
section Go home
Go downstairs: 5: Me
Sit down: 5: Me
Mermaid Gantt
gantt
title A Gantt Diagram
dateFormat YYYY-MM-DD
section Section
A task :a1, 2014-01-01, 30d
Another task :after a1 , 20d
section Another
Task in sec :2014-01-12 , 12d
another task : 24d