What is NextJS
Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations.
Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more. This allows you to focus on building your application instead of spending time with configuration.
Whether you're an individual developer or part of a larger team, Next.js can help you build interactive, dynamic, and fast React applications.
What to expect from here on outWhat to expect from here on out
What follows from here is just a bunch of absolute nonsense I've written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like bold text, unordered lists, ordered lists, code blocks, block quotes, and even italics.
It's important to cover all of these use cases for a few reasons:
- We want everything to look good out of the box.
- Really just the first reason, that's the whole point of the plugin.
- Here's a third pretend reason though a list with three items looks more realistic than a list with two items.
Now we're going to try out another header style.
Although our docs are designed to be beginner-friendly, we need to establish a baseline so that the docs can stay focused on Next.js functionality. We'll make sure to provide links to relevant documentation whenever we introduce a new concept.
To get the most out of our docs, it's recommended that you have a basic understanding of HTML, CSS, and React. If you need to brush up on your React skills, check out our React Foundations Course, which will introduce you to the fundamentals. Then, learn more about Next.js by building a dashboard application.
We use a simple background and foreground convention for colors. The background variable is used for the background color of the component and the foreground variable is used for the text color.
Nam a molestie neque, vel finibus justo. Nulla scelerisque nisl non sollicitudin tempus. Vivamus non hendrerit neque. Sed ut diam eget massa scelerisque finibus. Integer convallis purus id diam ultricies aliquet. Mauris a diam in metus consequat convallis at pretium quam. Phasellus eget ullamcorper purus. Curabitur in velit id elit aliquet tincidunt id ut ante. Morbi tempus elementum enim. Duis feugiat placerat augue, at scelerisque nisi auctor eu. Vestibulum tincidunt sit amet eros in auctor.
Donec facilisis lobortis ipsum, vel blandit ex facilisis at. Sed pellentesque tristique nisl eget molestie. Fusce vitae tellus libero. Nam cursus maximus enim, a dapibus sapien volutpat eu. Etiam ac mauris eget dui vehicula porta ut ac sem. Nulla dapibus rhoncus venenatis. Etiam posuere sit amet libero nec convallis. Nunc dictum placerat nunc id varius. Etiam quis tempus metus. Donec non nisl in est auctor placerat quis et massa. Nam vitae sem mollis, maximus eros eget, pretium enim. Aliquam erat volutpat.
Donec rhoncus ipsum leo. Proin mattis mauris non neque pharetra, vel vehicula leo mollis. Praesent tincidunt placerat eros in molestie. Proin varius consectetur justo vitae sagittis. Aenean in sem sollicitudin, ornare dolor vel, viverra sapien. Aenean at metus ligula. Morbi interdum, purus ut interdum ornare, nulla lacus dignissim magna, in pulvinar sem purus ut sapien. Curabitur eu magna ut sem egestas volutpat ac accumsan erat. Nunc sit amet dolor in ante consequat varius id vulputate dolor. Quisque sit amet lectus feugiat, venenatis leo ut, tincidunt nisl. Maecenas et erat dapibus, viverra sapien ut, vulputate orci. Quisque finibus, est in fermentum varius, ante ipsum fermentum magna, et vehicula risus dui ac erat. Phasellus varius eget magna vitae dapibus.
How to Use These DocsHow to Use These Docs
On the left side of the screen, you'll find the docs navbar. The pages of the docs are organized sequentially, from basic to advanced, so you can follow them step-by-step when building your application. However, you can read them in any order or skip to the pages that apply to your use case.
On the right side of the screen, you'll see a table of contents that makes it easier to navigate between sections of a page. If you need to quickly find a page, you can use the search bar at the top, or the search shortcut (Ctrl+K or Cmd+K).
To get started, check out the Installation guide.
App Router vs Pages RouterApp Router vs Pages Router
Next.js has two different routers: the App Router and the Pages Router. The App Router is a newer router that allows you to use React's latest features, such as Server Components and Streaming. The Pages Router is the original Next.js router, which allowed you to build server-rendered React applications and continues to be supported for older Next.js applications.
At the top of the sidebar, you'll notice a dropdown menu that allows you to switch between the App Router and the Pages Router features. Since there are features that are unique to each directory, it's important to keep track of which tab is selected.
The breadcrumbs at the top of the page will also indicate whether you're viewing App Router docs or Pages Router docs.
This is just a dummyThis is just a dummy
Lorem, ipsum dolor sit amet consectetur adipisicing elit. A suscipit repellat officia consectetur voluptate. Expedita ea explicabo enim nobis consequatur ab modi maxime, et dignissimos totam sunt iste alias reprehenderit voluptatibus non earum id inventore asperiores rerum mollitia ipsum, perspiciatis sit? Dolorum nesciunt similique saepe eligendi natus eveniet non reiciendis.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. A suscipit repellat officia consectetur voluptate. Expedita ea explicabo enim nobis consequatur ab modi maxime, et dignissimos totam sunt iste alias reprehenderit voluptatibus non earum id inventore asperiores rerum mollitia ipsum, perspiciatis sit? Dolorum nesciunt similique saepe eligendi natus eveniet non reiciendis.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. A suscipit repellat officia consectetur voluptate. Expedita ea explicabo enim nobis consequatur ab modi maxime, et dignissimos totam sunt iste alias reprehenderit voluptatibus non earum id inventore asperiores rerum mollitia ipsum, perspiciatis sit? Dolorum nesciunt similique saepe eligendi natus eveniet non reiciendis. Lorem, ipsum dolor sit amet consectetur adipisicing elit. A suscipit repellat officia consectetur voluptate. Expedita ea explicabo enim nobis consequatur ab modi maxime, et dignissimos totam sunt iste alias reprehenderit voluptatibus non earum id inventore asperiores rerum mollitia ipsum, perspiciatis sit? Dolorum nesciunt similique saepe eligendi natus eveniet non reiciendis.
Get RateGet Rate
The API will return an exchange rate based on the currency pair you give. To know which currency pairs we support, please contact with us.
| Query Parameters | |
|---|---|
| fromCurrency required | string Example: Source currencyfromCurrency=EUR |
| toCurrency required | string Example: Target currencytoCurrency=USD |