Posts

Showing posts from September, 2022

NextJs - create app

Image
 This tutorial assumes you have installed NPM on your local machine. If you don't have it, i recommend visit  NextJs  to download and install NPM and other necessary tools. Now create NextJs app by running the below command: D:\>npx create-next-app nextjs-app You will be asked to install create-next-app package if you haven't installed it. After nextj-app application was created, from VSC editor open D:\nextjs-app folder. On the top menu, select Terminal, then New Terminal to open command window. In the Terminal command window, run the following command to start the nextjs-app development server on port 3000: npm run dev By visiting http://localhost:3000/ on your browser, you should see a page like this. Now, in pages folder, open index.js file to modify the starting page. import Head from 'next/head' import styles from '../styles/Home.module.css' export default function Home() { return ( < div className = {styles.container} >

NextJs & Mysql

Image
NextJs is a fast growing React Framework that allows you to build super fast statically generated web pages and dynamic web applications. With NextJs, you can build user-friendly and SEO front-end apps and back-end APIs. You are not required to have a custom sever like Express, Django, or PHP to create APIs for your client app. In this tutorial, you learn to build a simple Admin dashboard that allows a logged in user to manage users list - search, insert, update, and delete user data from Mysql database. Before we start the development of the sample demo project, you have to install necessary tools such as NPM and VSC Editor . On my Windows machine, i also have XAMPP installed to manage MySQL database.