1) How To add a new Page like "domain.com/youtube-to-mp3" that displays the homepage?
-
Open "routes/web.php", find the relevant code below, and then add a new Route (as per the code in red text):
Route::group(['prefix' => LaravelLocalization::setLocale(), 'middleware' => ['localeSessionRedirect', 'localizationRedirect', 'localeViewPath']], function ()
{
/** ADD ALL LOCALIZED ROUTES INSIDE THIS GROUP **/
Route::get('/', function ()
{
// Block Website iframes header("X-Frame-Options: DENY");
return view('homepage.index'); });
// Add your new Route hereRoute::get('/youtube-to-mp3', function ()
{
// Block Website iframes header("X-Frame-Options: DENY");
return view('homepage.index'); });
});
-
Open "resources/views/components/navbar.blade.php", find the relevant code below, and then add a new Page to the Navbar (as per the code in red text):
<div class="navbar-center hidden md:flex">
<ul class="menu menu-horizontal p-0">
<li><a href="/">Home</a></li>
<li><a href="/youtube-to-mp3
">YouTube to MP3</a></li>
@if (app(ApiDocSettings::class)->button || app(ApiDocSettings::class)->widget || app(ApiDocSettings::class)->json)
<li><a href="/developers">Developers</a></li>
@endif
</ul>
</div>In the same file, also add a new Page to the Mobile Navbar (as per the code in red text):
<ul tabindex="0"
class="text-neutral menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52">
<li><a href="/">Home</a></li>
<li><a href="/youtube-to-mp3
">YouTube to MP3</a></li>
@if (app(ApiDocSettings::class)->button || app(ApiDocSettings::class)->widget || app(ApiDocSettings::class)->json)
<li><a href="/developers">Developers</a></li>
@endif
</ul>
2) How To add a new, static Page like "domain.com/about" that displays a new, e.g., About page?
-
Navigate to "resources/views/homepage", create a new file (e.g., "about.blade.php"), and then add the following content to the new Page:
<x-app-layout>
<x-navbar></x-navbar>
<div class="min-h-screen pt-16 overflow-hidden hero bg-gradient-to-br from-info-content to-accent">
<div class="card max-w-7xl bg-base-100 shadow-xl mx-2">
<div class="card-body">
<h2 class="card-title">About</h2>
<p>YOUR CONTENT HERE!</p>
</div>
</div>
</div>
<x-footer></x-footer>
</x-app-layout> -
Open "routes/web.php", find the relevant code below, and then add a new Route (as per the code in red text):
Route::group(['prefix' => LaravelLocalization::setLocale(), 'middleware' => ['localeSessionRedirect', 'localizationRedirect', 'localeViewPath']], function ()
{
/** ADD ALL LOCALIZED ROUTES INSIDE THIS GROUP **/
Route::get('/', function ()
{
// Block Website iframes header("X-Frame-Options: DENY");
return view('homepage.index'); });
// Add your new Route hereRoute::get('/about', function ()
{
// Block Website iframes header("X-Frame-Options: DENY");
return view('homepage.about'); });
});
-
Open "resources/views/components/navbar.blade.php", find the relevant code below, and then add a new Page to the Navbar (as per the code in red text):
<div class="navbar-center hidden md:flex">
<ul class="menu menu-horizontal p-0">
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
@if (app(ApiDocSettings::class)->button || app(ApiDocSettings::class)->widget || app(ApiDocSettings::class)->json)
<li><a href="/developers">Developers</a></li>
@endif
</ul>
</div>In the same file, also add a new Page to the Mobile Navbar (as per the code in red text):
<ul tabindex="0"
class="text-neutral menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52">
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
@if (app(ApiDocSettings::class)->button || app(ApiDocSettings::class)->widget || app(ApiDocSettings::class)->json)
<li><a href="/developers">Developers</a></li>
@endif
</ul>
That's it!
So, if you added both kinds of pages (as per #1 and #2 in the previous list), then your modified files should look like the following: